Paigutamine JavaScriptid otse veebilehe HTML-faili sisaldavasse faili on ideaalne lühikeste skriptide jaoks, mida kasutatakse JavaScripti õppimisel. Kui alustate skriptide loomist, et pakkuda oma veebilehele olulist funktsionaalsust, on selle kogus siiski JavaScript võib muutuda üsna suureks ja nende suurte skriptide kaasamine otse veebilehele tekitab kaks probleemi:
- Kui JavaScript võtab suurema osa lehe sisust, võib see mõjutada teie lehe asetust erinevates otsingumootorites. See vähendab märksõnade ja fraaside kasutamise sagedust, mis tuvastavad sisu.
- Sama JavaScripti funktsiooni on raskem oma veebisaidi mitmel lehel uuesti kasutada. Iga kord, kui soovite seda mõnel teisel lehel kasutada, peate selle kopeerima ja igale lisalehele lisama, lisaks kõik muudatused, mida uus asukoht nõuab.
On palju parem, kui teeme JavaScripti sõltumatuks seda kasutaval veebilehel.
Liigutatava JavaScripti koodi valimine
Õnneks arendajad HTML ja JavaScript on sellele probleemile lahenduse pakkunud. Saame oma JavaScripti veebilehelt teisaldada ja ikkagi funktsioneerida täpselt samamoodi.
Esimene asi, mida peame tegema JavaScripti loomiseks selle kasutavale lehele, on valida tegelik JavaScripti kood ise (ilma ümbritsevate HTML-skripti siltideta) ja kopeerige see eraldi faili.
Näiteks kui järgmine skript on meie lehel, siis valime ja kopeerime selle osa paksus kirjas:
Varem oli JavaScripti paigutamine HTML-dokumenti kommentaarimärkide sees, et vanemad brauserid ei saaks koodi kuvada; Kuid uued HTML-standardid ütlevad, et brauserid peaksid automaatselt töötlema selles olevat koodi HTML-i kommentaarimärgendid kommentaaridena ja selle tulemusel ignoreerivad brauserid teie Javascripti.
Kui olete pärinud HTML-lehed kelleltki teiselt, kelle kommentaarimärgendites on JavaScripti, siis ei pea te silte teie valitud ja kopeeritavasse JavaScripti koodi lisama.
Näiteks kopeerite ainult rasvases kirjas koodi, jättes HTML-i kommentaarimärgendid välja ja allolevas koodinäidises:
JavaScripti koodi salvestamine failina
Kui olete valinud teisaldatava JavaScripti koodi, kleepige see uude faili. Andke failile nimi, mis soovitab skripti toimimist või tuvastab lehe, kuhu skript kuulub.
Andke faili a .js järelliide, nii et teate, et fail sisaldab JavaScripti. Näiteks võime kasutada tere.js ülaltoodud näites JavaScripti salvestamiseks faili nimena.
Lingid välise skriptiga
Nüüd, kui meie JavaScript on kopeeritud ja salvestatud eraldi faili, peame viitama ainult välisele skriptifailile meie saidil HTML-i veebilehe dokument.
Esiteks kustutage kõik skripti siltide vahel:
See ei ütle veel lehele, millist JavaScripti käivitada, seetõttu peame järgmiseks skriptisildile lisama täiendava atribuudi, mis ütleb brauserile, kust skripti leida.
Meie näide näeb nüüd välja järgmine:
src = "hello.js">
Atribuut src ütleb brauserile välise faili nime, kust tuleks lugeda selle veebilehe JavaScripti koodi (mis on tere.js meie ülaltoodud näites).
Te ei pea kõiki JavaScripte HTML-i veebilehe dokumentidega samasse kohta asetama. Võite panna need eraldi JavaScripti kausta. Sel juhul muudate lihtsalt väärtust src atribuut faili asukoha lisamiseks. JavaScripti lähtefaili asukoha jaoks saate määrata suvalise või absoluutse veebiaadressi.
Kasutades seda, mida teate
Nüüd saate võtta kõik oma kirjutatud skriptid või skriptidest saadud skriptid ja teisaldada need HTML-i veebisaidi koodist väliselt viidatud JavaScripti faili.
Seejärel pääsete skriptifailile juurde mis tahes veebilehelt, lisades lihtsalt skriptifaili kutsuvad sobivad HTML-skripti sildid.