Lze kódové skripty uložit do externího souboru?

Umístění JavaScripty přímo do souboru obsahujícího HTML pro webovou stránku je ideální pro krátké skripty používané při učení JavaScriptu. Když však začnete vytvářet skripty, které vaší webové stránce poskytují významnou funkčnost, množství JavaScript se může stát poměrně velkým a zahrnutí těchto velkých skriptů přímo do webové stránky představuje dva problémy:

• Pokud JavaScript zabírá většinu obsahu stránky, může to ovlivnit hodnocení vaší stránky pomocí různých vyhledávačů. To snižuje frekvenci používání klíčových slov a frází, které identifikují, o čem je obsah.
• Je obtížnější znovu použít stejnou funkci JavaScriptu na více stránkách na vašem webu. Pokaždé, když ji chcete použít na jiné stránce, budete ji muset zkopírovat a vložit na každou další stránku plus veškeré změny, které nové umístění vyžaduje.

Je mnohem lepší, pokud učiníme JavaScript nezávislým na webové stránce, která jej používá.

Naštěstí vývojáři HTML a JavaScript poskytly řešení tohoto problému. Můžeme přesunout naše JavaScripty mimo webovou stránku a mít stále fungující úplně stejně.

První věcí, kterou musíme udělat, aby byl JavaScript externí pro stránku, která ji používá, je vybrat samotný skutečný kód JavaScript (bez okolních značek skriptu HTML) a zkopírujte jej do samostatného soubor.

Pokud je například na naší stránce následující skript, vybereme a zkopírujeme část tučně:

Obvykle bylo zvykem umisťovat JavaScript do dokumentu HTML uvnitř značek komentářů, aby starší prohlížeče zabránily zobrazování kódu; Nové standardy HTML však uvádějí, že prohlížeče by měly kód automaticky zpracovávat uvnitř Značky komentáře HTML jako komentáře a výsledkem je, že prohlížeče ignorují váš Javascript.

Pokud jste zdědili stránky HTML od někoho jiného, ​​kdo má uvnitř značek komentářů JavaScript, pak nemusíte značky zahrnout do kódu JavaScript, který vyberete a zkopírujete.

Například zkopírujete pouze tučný kód a vynecháte značky HTML a ve ukázce kódu níže:

Jakmile vyberete kód JavaScript, který chcete přesunout, vložte jej do nového souboru. Pojmenujte soubor, který navrhuje, co skript dělá nebo identifikuje stránku, do které skript patří.

Dejte souboru a .js přípona, abyste věděli, že soubor obsahuje JavaScript. Například bychom mohli použít hello.js jako název souboru pro uložení JavaScriptu z výše uvedeného příkladu.

Nyní, když máme náš JavaScript zkopírován a uložen do samostatného souboru, stačí udělat odkaz na externí soubor skriptu na našem Dokument webové stránky HTML.

Nejprve odstraňte vše mezi značkami skriptu:

Tato stránka zatím neříká, jaký JavaScript má být spuštěn, a proto musíme do atributu skriptu přidat další atribut, který prohlížeči řekne, kde skript najít.

Náš příklad bude nyní vypadat takto:

src = "hello.js">

Atribut src říká prohlížeči název externího souboru, odkud má být načten kód JavaScript pro tuto webovou stránku (což je hello.js v našem příkladu výše).

Nemusíte umístit všechny své JavaScripty do stejného umístění jako vaše webové stránky HTML. Možná je budete chtít umístit do samostatné složky JavaScriptu. V tomto případě stačí změnit hodnotu v src atribut zahrnout umístění souboru. Můžete určit jakoukoli relativní nebo absolutní webovou adresu pro umístění zdrojového souboru JavaScript.

Nyní můžete vzít jakýkoli skript, který jste napsali, nebo jakýkoli skript, který jste získali z knihovny skriptů, a přesunout jej z kódu webové stránky HTML do externě odkazovaného souboru JavaScript.

K tomuto souboru skriptu pak můžete přistupovat z jakékoli webové stránky jednoduše přidáním příslušných značek skriptu HTML, které tento soubor skriptu nazývají.