Môžu kódové skripty uložiť do externého súboru?

umiestnenie JavaScripts priamo do súboru obsahujúceho HTML pre webovú stránku je ideálny pre krátke skripty používané pri učení sa JavaScriptu. Keď však začnete vytvárať skripty, ktoré vašej webovej stránke poskytujú významné funkcie, množstvo JavaScript sa môže stať pomerne veľkým a zahrnutie týchto veľkých skriptov priamo do webovej stránky predstavuje dva problémy:

• Ak JavaScript zaberá väčšinu obsahu stránky, môže to ovplyvniť hodnotenie vašej stránky pomocou rôznych vyhľadávacích nástrojov. To znižuje frekvenciu používania kľúčových slov a fráz, ktoré určujú, o čom je obsah.
• Je ťažšie znovu použiť tú istú funkciu JavaScript na viacerých stránkach na vašom webe. Zakaždým, keď ju chcete použiť na inej stránke, budete ju musieť skopírovať a vložiť na každú ďalšiu stránku spolu so všetkými zmenami, ktoré vyžaduje nové umiestnenie.

Je oveľa lepšie, ak urobíme JavaScript nezávislým od webovej stránky, ktorá ho používa.

Našťastie vývojári HTML a JavaScript poskytli riešenie tohto problému. Môžeme presunúť naše skripty JavaScriptu z webovej stránky a stále fungovať úplne rovnako.

Prvou vecou, ​​ktorú musíme urobiť, aby bol web JavaScript, ktorý ho používa, externý, je vybrať samotný kód JavaScript (bez okolitých značiek skriptov HTML) a skopírujte ho do samostatného kódu file.

Napríklad, ak je na našej stránke nasledujúci skript, vyberieme a skopírujeme časť tučným písmom:

Zvyčajne sa umiestňovalo JavaScript do dokumentu HTML do značiek komentárov, aby sa starším prehliadačom zabránilo zobrazovať tento kód; nové štandardy HTML však hovoria, že prehliadače by mali automaticky upravovať kód vnútri Značky komentárov HTML ako komentáre a výsledkom bude, že prehliadače ignorujú váš Javascript.

Ak ste zdedili stránky HTML od niekoho iného, ​​kto má vo vnútri značiek komentárov JavaScript, nemusíte značky zahrnúť do kódu JavaScript, ktorý vyberiete a skopírujete.

Napríklad by ste skopírovali iba tučný kód a vynechali značky komentárov HTML a vo vzorke kódu nižšie:

Keď vyberiete kód JavaScript, ktorý chcete presunúť, prilepte ho do nového súboru. Pomenujte súbor, ktorý naznačuje, čo skript robí alebo identifikuje stránku, do ktorej skript patrí.

Dajte súboru a JS prípona, aby ste vedeli, že súbor obsahuje JavaScript. Napríklad by sme mohli použiť hello.js ako názov súboru na uloženie JavaScriptu z vyššie uvedeného príkladu.

Teraz, keď máme náš JavaScript skopírovaný a uložený do samostatného súboru, stačí urobiť odkaz na externý súbor skriptu na našom Dokument webovej stránky HTML.

Najprv odstráňte všetko medzi značkami skriptov:

Táto stránka zatiaľ nehovorí o tom, čo má spustiť skript JavaScript, preto musíme do značky skriptu pridať ďalší atribút, ktorý prehliadaču oznámi, kde má skript nájsť.

Náš príklad bude teraz vyzerať takto:

src = ""> hello.js

Atribút src povoľuje prehliadaču názov externého súboru, z ktorého by sa mal načítať kód JavaScript pre túto webovú stránku (čo je hello.js v našom príklade vyššie).

Nemusíte umiestňovať všetky svoje skripty JavaScriptu na rovnaké miesto ako vaše dokumenty webovej stránky HTML. Možno ich budete chcieť umiestniť do samostatného priečinka JavaScriptu. V tomto prípade stačí zmeniť hodnotu v src atribút zahrňte umiestnenie súboru. Môžete určiť akúkoľvek relatívnu alebo absolútnu webovú adresu pre umiestnenie zdrojového súboru JavaScript.

Teraz môžete vziať akýkoľvek skript, ktorý ste napísali, alebo akýkoľvek skript, ktorý ste získali z knižnice skriptov, a presunúť ho z kódu webovej stránky HTML do externe odkazovaného súboru JavaScript.

K súboru skriptu potom môžete pristupovať z ktorejkoľvek webovej stránky jednoducho pridaním vhodných značiek skriptov HTML, ktoré tento súbor skriptu nazývajú.