Tvorba webu » JavaScript » JavaScript začínáme

JavaScript začínáme

Na úvod je ještě jednou potřeba připomenout, že JavaScript je závislý na prohlížeči. Stejné skripty se v různých prohlížečích mohou chovat různě, proto je potřeba pečlivě testovat alespoň v nejrozšířenějších prohlížečích, jako jsou Internet Explorer, Mozilla, Netscape, Firefox a Opera.

Hned u prvního skriptu narazíme na tento problém: skript vypíše do stavového řádku text „Právě si prohlížíte moji stránku :-]“. V Internet Exploreru to funguje, ale při testování ve Firefoxu a Opeře nikoli.

<script type="text/javascript">
window.status="Právě si prohlížíte moji stránku :-]"
</script>

Psaní do dokumentu pomocí document.write

Pomocí JavaScriptu lze na stránku vypisovat běžný text. Možná se vám to bude zdát zbytečné, když to jde i v klasickém HTML, ale později se to může hodit.

Všimněte si syntaxe (způsobu zápisu skriptu). Skript je zapsán v párové značce script, o které byla řeč v úvodu. V příkladu je použit příkaz document.write, který vypíše obsah na obrazovku. Je nutné dodržet přesnou syntaxi: text musí být uzavřen v závorkách a uvozovkách, na konci nesmí chybět středník ; a řádek se nesmí zalomit.

<script type="text/javascript">
document.write("Tento text se normálně zobrazí");
</script>

Jak je vidět z následujícího příkladu, do skriptu lze k běžnému textu přidat další značky. Výsledek bude vypadat stejně, jako kdyby se použilo <b>Tento text se zobrazí tučně</b>.

<script type="text/javascript">
document.write("<b>Tento text se zobrazí tučně</b>");
</script>

Snad už bude úplně jasné, že v následujícím příkladu se text zobrazí tučnou kurzívou.

<script type="text/javascript">
document.write("<b><i>Tento text se zobrazí tučnou kurzívou</i></b>");
</script>

Komentáře v JavaScriptu

Abychom se ve skriptu vyznali i po delší době, můžeme do něj zapisovat komentáře, které prohlížeč ignoruje. Skript pak bude přehlednější a srozumitelnější.

Jednořádkový komentář

Vše za značkami // až do konce řádku je považováno za komentář a prohlížeč ho ignoruje.

<script type="text/javascript">
document.write("Tento text se normálně zobrazí"); // Tohle je jednořádkový komentář
</script>

Víceřádkový komentář

Vše mezi značkami /* a */ je považováno za komentář, který může být i přes několik řádků dlouhý. Prohlížeč ho ignoruje.

<script type="text/javascript">
document.write("Tento text se normálně zobrazí"); /* Tohle je pro změnu
víceřádkový komentář */
</script>

Reklama