V pilotním dílu seriálu se dozvíte, co je to JavaScript, jak vznikl, co všechno umí a hlavně jak se má použít.
Vítejte u seriálu o JavaScriptu. V několika dílech se vám pokusím vysvětlit základní postup práce v JavaScriptu, strukturu programu a význam některých funkcí. Očekávám od vás, že jste trochu zběhlí v HTML (jestli ne, přečtěte si naše tutorialy) a že umíte napočítat do deseti – žádné velké požadavky. Neztrácejme tedy čas a vrhněme se na to.
K čemu to vlastně je
Javascript se vám zprvu může plést s Javou, ale ujišťuji vás, že toho nemají moc společného a název JavaScript vznikl jako komerční lákadlo, právě díky věhlasu Javy – tedy šikovný reklamní trik.
Javascript se dnes používá vesměs jako doplněk webových stránek, malé prográmky mohou vašim stránkám přidat na dynamice, a proto můžete často slyšet, že se JavaScript používa v DHTML – odrůda HTML, která obsahuje nějaké dynamické prvky, jako jsou měnící se obrázky, hodiny, náhled obrázků a mnoho daších.
Zkušenější programátoři vše řeší přes PHP, ale pro nás obyčejné lidi, kteří tvoříme weby pro zábavu, JavaScript úplně stačí.
Shrnuto podtrženo, JavaScript se používá pro oživení vašich stránek a lepší komunikaci a interakci s uživatelem.
Jak implementovat script na stránku
Scripty se, jako většina jiných „vložek“ webových stránek, vkládají či píší do hlavičky. Je to z toho důvodu, že prohlíčeč ze všeho nejdříve načítá hlavičku (head) a až poté samotný obsah stránky, tedy tělo (body) stránky. Chceme-li tedy, aby nám script běžel už od začátku, když ještě není načtený obsah, musí být umístěn v hlavičce.
Samozřejmě to můžete ignorovat a script napsat doprostřed stránky. Na jeho funkčnost to žádný vliv mít nebude.
Začátek scriptu označuje tag <script>, kterému ze slušnosti můžeme přiřadit atributy type="text/javascript" a language="javascript", to aby pohlížeč věděl, s kým má tu čest. Samotné tělo scriptu pak obsahuje funkce, proměné a operace s němi, o těch ale později. Script pak ukončíme koncovým tagem </script>, tedy s lomítkem na začátku.
Script v hlavičce:
<html>
<head>
<script type="text/javascript" language="javascript">
....
....
</script>
</head>
<body>
</body>
</html>Script mimo hlavičku:
<html>
<head>
</head>
<body>
<script type="text/javascript" language="javascript">
....
....
</script>
</body>
</html>