Výstup JavaScriptu
Možnosti zobrazení JavaScriptu
JavaScript může „zobrazovat“ data různými způsoby:
- Zápis do elementu HTML pomocí
innerHTML
. - Zápis do výstupu HTML pomocí
document.write()
. - Zápis do výstražného pole pomocí
window.alert()
. - Zápis do konzole prohlížeče pomocí
console.log()
.
Použití innerHTML
Pro přístup k prvku HTML může document.getElementById(id)
metodu použít JavaScript.
Atribut id
definuje prvek HTML. Vlastnost innerHTML
definuje obsah HTML:
Příklad
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My First Paragraph</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html>
Změna vlastnosti innerHTML prvku HTML je běžný způsob zobrazení dat v HTML.
Použití document.write()
Pro účely testování je vhodné použít document.write()
:
Příklad
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>
Použití document.write() po načtení dokumentu HTML odstraní všechny existující HTML :
Příklad
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<button type="button" onclick="document.write(5 + 6)">Try it</button>
</body>
</html>
Metoda document.write() by se měla používat pouze pro testování.
Použití window.alert()
K zobrazení údajů můžete použít výstražné pole:
Příklad
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>
window
Klíčové slovo můžete přeskočit .
V JavaScriptu je objekt okna objektem globálního rozsahu, což znamená, že proměnné, vlastnosti a metody ve výchozím nastavení patří do objektu okna. To také znamená, že zadání window
klíčového slova je volitelné:
Příklad
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
alert(5 + 6);
</script>
</body>
</html>
Použití console.log()
Pro účely ladění můžete zavolat console.log()
metodu v prohlížeči pro zobrazení dat.
Více o ladění se dozvíte v další kapitole.
Příklad
<!DOCTYPE html>
<html>
<body>
<script>
console.log(5 + 6);
</script>
</body>
</html>
JavaScript tisknout
JavaScript nemá žádný objekt tisku ani metody tisku.
Z JavaScriptu nemáte přístup k výstupním zařízením.
Jedinou výjimkou je, že můžete volat window.print()
metodu v prohlížeči pro tisk obsahu aktuálního okna.
Příklad
<!DOCTYPE html>
<html>
<body>
<button onclick="window.print()">Print this page</button>
</body>
</html>