JavaScript Kam vést
Značka <script>
V HTML se kód JavaScript vkládá mezi značky <script>
a </script>
.
Příklad
<script>
document.getElementById("demo").innerHTML = "My First JavaScript";
</script>
Staré příklady JavaScriptu mohou používat atribut typu: <script type="text/javascript">.
Atribut type není povinný. JavaScript je výchozí skriptovací jazyk v HTML.
Funkce a události JavaScriptu
JavaScript function
je blok kódu JavaScript, který lze spustit při „volání“.
Funkci lze například zavolat, když dojde k události , jako když uživatel klikne na tlačítko.
Mnohem více o funkcích a událostech se dozvíte v dalších kapitolách.
JavaScript v <head> nebo <body>
Do dokumentu HTML můžete umístit libovolný počet skriptů.
Skripty mohou být umístěny v <body>
, nebo v <head>
sekci HTML stránky nebo v obou.
JavaScript v <head>
V tomto příkladu je JavaScript function
umístěn v <head>
sekci stránky HTML.
Funkce se vyvolá (volá) po kliknutí na tlačítko:
Příklad
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</head>
<body>
<h2>Demo JavaScript in Head</h2>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try
it</button>
</body>
</html>
JavaScript v <body>
V tomto příkladu je JavaScript function
umístěn v <body>
sekci stránky HTML.
Funkce se vyvolá (volá) po kliknutí na tlačítko:
Příklad
<!DOCTYPE html>
<html>
<body>
<h2>Demo JavaScript in Body</h2>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try
it</button>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</body>
</html>
Umístění skriptů ve spodní části prvku <body> zvyšuje rychlost zobrazení, protože interpretace skriptů zpomaluje zobrazení.
Externí JavaScript
Skripty lze také umístit do externích souborů:
Externí soubor: myScript.js
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
Externí skripty jsou praktické, když je stejný kód použit na mnoha různých webových stránkách.
Soubory JavaScript mají příponu .js .
Chcete-li použít externí skript, vložte název souboru skriptu do src
atributu (source) <script>
značky:
Příklad
<script src="myScript.js"></script>
Odkaz na externí skript můžete umístit do <head>
nebo <body>
jak chcete.
Skript se bude chovat, jako by byl umístěn přesně tam, kde <script>
je umístěn tag.
Externí skripty nemohou obsahovat <script>
značky.
Výhody externího JavaScriptu
Umístění skriptů do externích souborů má některé výhody:
- Odděluje HTML a kód
- To usnadňuje čtení a údržbu HTML a JavaScriptu
- Soubory JavaScriptu uložené v mezipaměti mohou urychlit načítání stránek
Chcete-li na jednu stránku přidat několik souborů skriptu, použijte několik značek skriptu:
Příklad
<script src="myScript1.js"></script>
<script src="myScript2.js"></script>
Externí reference
Na externí skript lze odkazovat 3 různými způsoby:
- S úplnou URL (úplná webová adresa)
- S cestou k souboru (jako /js/)
- Bez jakékoli cesty
Tento příklad používá úplnou adresu URL k odkazu na myScript.js:
Příklad
<script src="https://www.w3schools.com/js/myScript.js"></script>
Tento příklad používá cestu k souboru k propojení s myScript.js:
Příklad
<script src="/js/myScript.js"></script>
Tento příklad nepoužívá žádnou cestu k propojení s myScript.js:
Příklad
<script src="myScript.js"></script>
Více o cestách k souborům si můžete přečíst v kapitole Cesty k souborům HTML .