Ali lahko skripte kode shranite v zunanjo datoteko?

Postavljanje JavaScripts neposredno v datoteko, ki vsebuje HTML za spletno stran, je idealen za kratke skripte, ki se uporabljajo med učenjem JavaScript. Ko začnete ustvarjati skripte za zagotavljanje pomembne funkcionalnosti vaše spletne strani, pa je količina JavaScript lahko postane precej velik in vključitev teh velikih skriptov neposredno na spletno stran povzroča dve težavi:

• To lahko vpliva na uvrstitev vaše strani z različnimi iskalniki, če JavaScript zavzame večino dela vsebine strani. To zmanjšuje pogostost uporabe ključnih besed in besednih zvez, s katerimi se ugotovi, kaj je vsebina.
• Težje je ponovno uporabljati isto funkcijo JavaScript na več straneh na vašem spletnem mestu. Vsakič, ko ga želite uporabiti na drugi strani, ga boste morali kopirati in vstaviti na vsako dodatno stran, poleg vseh sprememb, ki jih zahteva nova lokacija.

Veliko bolje je, če JavaScript naredimo neodvisno od spletne strani, ki ga uporablja.

Na srečo razvijalci

Prva stvar, ki jo moramo narediti, da JavaScript postane zunaj strani, ki ga uporablja, je, da izberemo dejansko kodo JavaScript (brez okoliških oznak skripta HTML) in jo kopirajte v ločeno mapa.

Na primer, če je na naši strani naslednji skript, bi del izbrali in kopirali:

Včasih je bil JavaScript v dokumentu HTML umeščen v komentarje, da bi starejšim brskalnikom preprečili prikazovanje kode; vendar novi standardi HTML pravijo, da bi morali brskalniki samodejno obravnavati kodo znotraj Oznake za komentar HTML kot komentarji, kar povzroči, da brskalniki ignorirajo vaš Javascript.

Če ste strani HTML podedovali od nekoga drugega, ki ima JavaScript znotraj oznak komentarjev, vam ni treba vključiti oznak v kodo JavaScript, ki jo izberete in kopirate.

Na primer, kopirali bi samo krepko kodo, pri čemer ne boste pozabili na oznake komentarjev HTML in v spodnjem vzorcu kode:

Ko izberete kodo JavaScript, ki jo želite premakniti, jo prilepite v novo datoteko. Datoteki dajte ime, ki nakazuje, kaj skript počne ali identificira stran, kjer skript spada.

Dajte datoteki a .js pripono, tako da veste, da datoteka vsebuje JavaScript. Na primer, lahko uporabimo hello.js kot ime datoteke za shranjevanje JavaScript iz zgornjega primera.

Zdaj, ko imamo JavaScript kopiran in shranjen v ločeno datoteko, moramo le navesti zunanjo skriptno datoteko na Dokument spletne strani HTML.

Najprej izbrišite vse med oznakami skripta:

Na tej strani še ni razvidno, kateri JavaScript naj se zažene, zato moramo naslednji oznaki skripta dodati dodaten atribut, ki brskalniku pove, kje naj najde skript.

Naš primer bo zdaj videti takole:

src = "hello.js">

Atribut src brskalniku pove ime zunanje datoteke, od koder je treba brati kodo JavaScript za to spletno stran (kar je hello.js v našem zgornjem primeru).

Ni treba, da vse svoje JavaScripte postavite na isto mesto kot dokumente spletne strani HTML. Morda jih boste želeli postaviti v ločeno mapo JavaScript. V tem primeru samo spremenite vrednost v src atribut za vključitev lokacije datoteke. Za lokacijo izvorne datoteke JavaScript lahko določite kateri koli relativni ali absolutni spletni naslov.

Zdaj lahko vzamete kateri koli napisan scenarij ali kateri koli skript, ki ste ga dobili iz knjižnice skriptov, in ga premaknete s kodo spletne strani HTML v datoteko JavaScript, na katero se sklicuje.

Do te datoteke skripta lahko nato dostopate s katere koli spletne strani tako, da dodate ustrezne oznake skripta HTML, ki kličejo to datoteko skripta.