HTML/Úvod do JavaScriptu

Z Wikiknih

Přejít na: navigace, hledání

Javascript (dále jen JS) přináší do webu interaktivitu mezi uživatelem a stránkou. Na rozdíl od PHP se zpracovává až na straně uživatele. Uživatel si ho může ale také vypnout a s tím je při vytváření aplikací v JS nutné počítat.

Na JS je také založené dynamické HTML (DHTML), které umožňuje vázat různé události (onclick, onmouseover...) na různé akce (většinou změny CSS stylů).

JS může být vložen buď do hlavičky nebo do těla stránky.

Obsah

[editovat] Formy zápisu

JS má dvě formy zápisu:

  1. Interní
  2. a externí

[editovat] Interní zápis

Interní zápis je nejjednodušší formou zápisu JS, ale je zase o to méně přehlednější. Mezi <script type="text/javascript"> a </script> se vloží samotný javascipt. type="text/javascript je MIME-type deklarace, která dříve nebyla vyžadována - do HTML pronikla z xHTML. Prohlížeče jsou schopny JS zobrazit i bez této deklarace, ale může to ohrozit validnost kódu (podle verze použitého HTML).

<script type="text/javascript">
alert('Ahoj světe');
</script>

Uvedený skript vypíše messagebox s textem "Ahoj světe".

[editovat] Externí zápis

Externí zápis má podobnou syntaxi jako interní. Liší se tím, že u tagu <script> přibude další atribut a to src="cesta_k_skriptu.js. JS se tudíž vkládá z externího souboru s příponou *.js. Má stejný obsah jako ten, který by byl mezi tagy <script> a </script>. Ač v této situaci není žádný obsah mezi těmito tagy, tak jen počáteční tag <script> nestačí - musí se ukončit, protože je to tag párový!

<script type="text/javascript" src="muj_prvni_skript.js"></script>

kód ve stránce

alert('Ahoj světe');

obsah souboru muj_prvni_skript.js

[editovat] Pro prohlížeče nepodporující JS

Pomocí párového tagu <noscript> je možné vepsat text pro prohlížeče nepodporující JS.

<noscript>Zapněte si Javascript. Přicházíte o skvělou funkci stránky.</noscript>