JavaScript je skriptovací jazyk, který umožňuje oživení webu, přes blikající texty, po jednoduché hry. Základem dynamického webu je právě JavaScript. JavaScript je závislý na prohlížeči (uživatel si jej může vypnout).
Skript můžete volně umístit do stránky nebo na něj vytvořit odkaz. Samostatné soubory psané v JavaScriptu mají přípony .js nebo .jse. Přípona .js je obvyklejší. K vytváření skriptů stačí editor zdrojového kódu (PSPad, textový editor nebo libovolný editor HTML). K prohlížení potřebujete internetový prohlížeč.
Vkládání skriptu do stránky
Skript píšete mezi značky <script> a </script>. Ty můžete vložit do sekce body nebo do sekce head (záleží na účelu skriptu).
<html>
<head>
<script language="JavaScript" type="text/javascript">
javascript
</script>
</head>
<body>
<script language="JavaScript" type="text/javascript">
javascript
</script>
tělo dokumentu
</body>
</html>
Externí skript
Kvůli přehlednosti je vhodné umístit skript do externího souboru. Stačí samotný obsah skriptu (pozor, bez značek <script>, pouze kód!) zapsat v editoru, uložit, např. "funkce.js" a na stránku vložíte následující kód (odkaz, který načte skript do stránky):
<script language="JavaScript" type="text/javascript" src="funkce.js"></script>
Skript se sám načte do stránky (ve zdrojovém kódu nebude vidět). Atribut language označuje použitý jazyk (v našem případě JavaScript). Atribut type označuje typ skriptu (v případě JavaScriptu "text/javascript"). Atribut src označuje jméno externího souboru. JavaScript netoleruje záměnu velkého písmena za malé (je CaseSensitif), proto document.write není to samé jako DOCUMENT.write. Toto pravidlo je nezbytné dodržovat, jinak skript nebude fungovat.
Práce s textem
document.write(hodnota)
Objekt document, metoda write, hodnota je textový řetězec nebo proměnná.
Úkol: Založte nový textový dokument s názvem javascript.htm. Do souboru vložte následující text, který v prohlížeči zobrazí text "Ahoj":
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//CZ">
<html>
<head>
<title>Javascript</title>
</head>
<body>
document.write("Ahoj");
</body>
</html>
Soubor uložte. Zobrazte v prohlížeči.
Text zapsaný JavaScriptem, můžete formátovat jako obsah webových stránek:
Úkol: Do dokumentu přidejte text:
document.write("<strong>První řádek textu <br> druhý řádek textu</strong>");
Komentáře
Abyste se vyznali ve skriptu, využívejte komentáře. Komentáře se v prohlížeči nezobrazí, slouží jen pro vaši orientaci. Znaky // uvozují krátký komentář, znaky /* */ vytvářejí víceřádkový komentář:
document.write("Komentář.") //vypíše komentář
/*vytvořeno v 15.09
v úterý 15. dubna
autor...
*/