V dnešním, druhém článku se podíváme na základní pravidla pro psaní JavaScriptu. Probereme jeho syntaxi a zapojení do stránky.
V minulém článku jsem předvedl jednoduchý skript, jeho zdrojový kód byl následující:
<html>
<head>
</head>
<body>
<script language="JavaScript" type="text/javascript">
<!--
window.alert("Toto je první jednoduchý Skript napsaný v JavaScriptu")
//-->
</script>
</body>
</html>
Pokud umíte (X)HTML, což je i nutnou podmínkou ke studiu JavaScriptu, některé věci pro vás jistě nejsou žádnou novinkou. V příkladu je použita klasická struktura (X)HTML dokumentu, počínaje prvek (tagem) html. Samotný obsah dokumentu je uzavřen v prvcích body. Prohlížeč musí poznat, co je obyčejný text a co je JavaScript, proto je JavaScript vždy uzavřen v prvku script. Důležité jsou jeho atributy, language určuje použitý jazyk a type neurčuje nic jiného než typ skriptu. Je dobrým zvykem oba atributy použít.
Na dalším řádku objevíme konstrukci <!--, kterou jistě znáte z komentářů. Komentáře jsou poznámky uvnitř zdrojového kódu, které nemají být vidět a slouží webdesignerovi k orientaci. Ale proč schováváme skript do komentáře? Jak jinak než proto, aby nebyl vidět. Existují staré prohlížeče, které JavaScript nepodporují a tyto prohlížeče skript neprovedou, ale naopak vypíší celý jeho obsah, jako by šlo o obyčejný text. Takže použití komentářů je rovněž víc než vhodné.
Externí skriptPředchozí skript je skript interní, nachází se uvnitř stránky. Existují také skripty externí, které jsou uloženy v samostatném souboru a připojují se k dokumentu podobně jako styly CSS. Pokud byste chtěli udělat z předchozího skriptu skript externí. Provedete následující: Zdroj skriptu (v našem případě část window.alert("Toto je první jednoduchý Skript napsaný v JavaScriptu")) uložíte s příponou *.js nebo *jse. Pak už jen stačí připojit tento soubor k dokumentu:
<html>
<head>
</head>
<body>
<script language="JavaScript" type="text/javascript" src="javascript.js">
</script>
</body>
</html>
V příkladu jsme připojili soubor javascirpt.js k dokumentu html. Připojení není nic složitého, provádí se prostřednictvím atributu src a určením URL daného souboru.
Protokol JavaScriptPoslední možností zapojení skriptu do stránky je protokol javascript. Třeba znáte protokol mailto, který slouží k odeslání e-mailu. Protokol javascript slouží k jednorázovému provedení skriptu. Nejlepší bude předvést příklad:
<html>
<head>
</head>
<body>
<a href="javascript:window.alert('Toto je první jednoduchý Skript napsaný v JavaScriptu')">
Spustit skript</a>
</body>
</html>
Pokud zdrojový kód spustíte v prohlížeči, objeví se odkaz a pokud na něj kliknete, vyskočí naše dobře známé dialogové okno.
Nyní už umíte vytvořit skript a zapojit ho do dokumentu. To by pro dnešek stačilo. Příště se naučíte JavaScriptem vypisovat text.
Autor: Simon Grimmich
2024 ©