Voimme luoda ulkoisen JavaScript-tiedoston ja upottaa sen monille html-sivuille.
Se tarjoaa koodin uudelleenkäytettävyys koska yhtä JavaScript-tiedostoa voidaan käyttää useilla html-sivuilla.
Ulkoinen JavaScript-tiedosto on tallennettava .js-tunnisteella. On suositeltavaa upottaa kaikki JavaScript-tiedostot yhdeksi tiedostoksi. Se lisää verkkosivun nopeutta.
Luodaan ulkoinen JavaScript tiedosto, joka tulostaa Hello Javapointin hälytysvalintaikkunaan.
message.js
function msg(){ alert('Hello Javatpoint'); }
Sisällytetään JavaScript-tiedosto html-sivulle. Se kutsuu JavaScript-toiminto napin painalluksella.
index.html
Tervetuloa JavaScriptiin
Ulkoisen JavaScriptin edut
Jos käyttäjä luo ulkoisen javascriptin, on seuraavat edut:
- Se auttaa lisäämään koodin uudelleenkäytettävyyttä useammassa kuin yhdessä HTML-tiedostossa.
- Se mahdollistaa helpon koodin luettavuuden.
- Se on aikatehokasta, koska verkkoselaimet tallentavat ulkoiset js-tiedostot välimuistiin, mikä lyhentää entisestään sivun latausaikaa.
- Sen avulla sekä web-suunnittelijat että koodaajat voivat työskennellä html- ja js-tiedostojen kanssa rinnakkain ja erikseen, eli ilman koodiristiriitoja.
- Koodin pituus pienenee, koska vain meidän on määritettävä js-tiedoston sijainti.
Ulkoisen JavaScriptin haitat
Ulkoisilla tiedostoilla on seuraavat haitat:
- Varastaja voi ladata koodaajan koodin käyttämällä js-tiedoston URL-osoitetta.
- Jos kaksi js-tiedostoa ovat riippuvaisia toisistaan, yhden tiedoston virhe voi vaikuttaa toisen riippuvaisen tiedoston suorittamiseen.
- Verkkoselaimen on tehtävä ylimääräinen http-pyyntö saadakseen js-koodin.
- Pieni tai suuri muutos js-koodissa voi aiheuttaa odottamattomia tuloksia kaikissa sen riippuvaisissa tiedostoissa.
- Meidän on tarkistettava jokainen tiedosto, joka riippuu yleisesti luodusta ulkoisesta javascript-tiedostosta.
- Jos se on muutaman rivin koodia, on parempi toteuttaa sisäinen JavaScript-koodi.