První JavaScript v HTML

Tento text je psán pro začátečníky a mírně zasvěcené, kteří chtějí pochopit, jak funguje JavaScript. Předpokládám alespoň rámcovou znalost principu jazyka HTML.

Psaní do proudu dokumentu

Příklad:

<body>
Toto je normální text stránky.<br>
<script>

document.write("A toto napsal JavaScript");

</script>
</body>

Tento příklad s document.write si můžete zobrazit v prohlížeči. Výsledek vypadá takhle:

Toto je normální text stránky.
A toto napsal JavaScript

Vysvětlení skriptu

Skript se zapisuje do HTML mezi tagy <script> a </script>. Všechno, co je mezi těmi tagy, je program psaný v jazyce Javascript.

V příkladě je použit příkaz document.write(). Ten způsobuje normální zápis do proudu dokumentu. Zapsaný text se ihned zobrazí v prohlížeči.

Pokud se zapisuje normální text, musí se obalit uvozovkami (na rozdíl od proměnné). Mezi uvozovkami se nesmí zalomit řádek.

Každý příkaz JavaScriptu se ukončuje středníkem; tak jste možná zvyklí z jiných jazyků. Nebo stačí zalomit řádek.

Obměny

Skriptem se dá zapisovat i HTML obsah. Například skript:

document.write("<b>Toto napsal Java Script tučně</b>");

vypíše text obalený značkami <b> a </b>, takže se to v prohlížeči ukáže tučně. Zobrazte si příklad.

Toto napsal Java Script tučně

Samo o sobě se může zdát, že zapisování do proudu dokumentu je vcelku zbytečné. Proč to nedělat normálním HTML? To je pravda, ale jen do chvíle, než se začnou používat užitečné vychytávky, například proměnné.

Reklama