Mogu li skripte kodova spremiti u vanjsku datoteku?

smještanje JavaScript izravno u datoteku koja sadrži HTML za web stranicu idealna je za kratke skripte korištene za učenje JavaScripta. Kada počnete stvarati skripte za pružanje značajne funkcionalnosti za svoju web stranicu, međutim, količina JavaScript može postati prilično velik, a uključivanje ovih velikih skripti izravno na web stranici predstavlja dva problema:

• To može utjecati na rangiranje vaše stranice s različitim tražilicama ako JavaScript zauzima većinski dio sadržaja stranice. Time se smanjuje učestalost korištenja ključnih riječi i izraza koji identificiraju o čemu se radi.
• Teško je ponovo koristiti istu JavaScript značajku na više stranica na vašem web mjestu. Svaki put kada ga želite koristiti na drugoj stranici, morat ćete je kopirati i umetnuti na svaku dodatnu stranicu, plus sve promjene koje nova lokacija zahtijeva.

Mnogo je bolje ako JavaScript učinimo neovisnim o web stranici koja ga koristi.

Srećom programeri HTML i JavaScript nudili su rješenje za ovaj problem. Svoje JavaScripte možemo pomaknuti s web stranice i još uvijek imati istu funkciju.

Prvo što trebamo učiniti kako bismo napravili JavaScript izvan stranice koja ga koristi je da odaberemo stvarni JavaScript kôd (bez okolnih oznaka HTML skripte) i kopirajte ga u zasebno datoteka.

Na primjer, ako je sljedeća skripta na našoj stranici, dio bismo odabrali i kopirali podebljano:

Nekada je bila praksa da se JavaScript stavi u HTML dokument unutar oznaka komentara kako bi se stariji preglednici zaustavili prikazivanje koda; Međutim, novi HTML standardi kažu da bi preglednici trebali automatski tretirati kôd unutar Oznake HTML komentara kao komentare, a to rezultira u tome da preglednici ignoriraju vaš Javascript.

Ako ste naslijedili HTML stranice od nekog drugog s JavaScriptom unutar oznaka komentara, tada vam ne treba uključiti oznake u JavaScript kôd koji ste odabrali i kopirali.

Na primjer, kopirali biste samo podebljani kôd, ne ostavljajući HTML oznake komentara i u primjeru koda niže:

Nakon što odaberete JavaScript kôd koji želite premjestiti, zalijepite ga u novu datoteku. Dajte datoteci ime koje sugerira što skripta radi ili identificira stranicu na kojoj scenarij pripada.

Dajte datoteci a JS sufiks tako da znate da datoteka sadrži JavaScript. Na primjer, možemo upotrijebiti hello.js kao naziv datoteke za spremanje JavaScripta iz gornjeg primjera.

Sada kada smo JavaScript kopirali i spremili u zasebnu datoteku, sve što trebamo učiniti je referencirati datoteku vanjske skripte na našu Dokument HTML web stranice.

Prvo izbrišite sve između oznaka skripte:

Na toj stranici se još ne navodi na kojem se JavaScript pokreće, pa ćemo trebati dodati dodatni atribut samoj oznaci skripte koja pretraživaču govori gdje treba pronaći skriptu.

Naš će primjer sada izgledati ovako:

src = "hello.js">

Atribut src govori pregledniku ime vanjske datoteke iz koje treba čitati JavaScript kôd za ovu web stranicu (što je hello.js u našem gornjem primjeru).

Ne morate sve svoje JavaScripte stavljati na isto mjesto kao i vaše HTML web stranice. Možda ih želite staviti u zasebnu JavaScript mapu. U tom slučaju samo mijenjate vrijednost u src atribut da uključuje lokaciju datoteke. Možete odrediti bilo koju relativnu ili apsolutnu web adresu za lokaciju izvorne JavaScript datoteke.

Sada možete uzeti bilo koju skriptu koju ste napisali ili bilo koju skriptu koju ste dobili iz biblioteke skripta i premjestiti je s HTML koda web stranice u JavaScript datoteku s vanjskom referencom.

Tada možete pristupiti toj datoteci skripte s bilo koje web stranice jednostavnim dodavanjem odgovarajućih oznaka skripte koja poziva tu datoteku skripte.