JavaScript

Obsah:

• Co to je JavaScript
• Začlenění JavaScriptu do html

Co to je JavaScript

JavaScript je programovací jazyk, s jehož pomocí lze oživit html stránky různými efekty, jako např. vysouvací a rozbalovací menu, střídající se obrázky apod.

JavaScript umí pracovat s objekty html dokumentu i s jejich css vlastnostmi.

JavaScriptový program je prováděn internetovým prohlížečem, tzn. že data nejsou znovu stahována ze serveru.

Nevýhody:

• Uživatel může mít JavaScript vypnutý

Stránky musí být vytvořeny tak, aby i v případě nefunkčního JavaScriptu byly ovladatelné, např. rozbalovací menu může mít na hlavních položkách menu odkazy na stránky obsahující rozvinuté podmenu, automaticky střídající se obrázky mohou být doplněny odkazem na celou fotogalerii, data odeslaná z formuláře budou kontrolována nejen JavaScriptem, ale před uložením do databáze ještě i serverovým scriptem, apod.

Začlenění JavaScriptu do html

• Skript je zapsán přímo v html stránce:
  

  <script type="text/javascript">
    // Zde budou zapsány příkazy skriptu
  </script>
  

• Skript je zapsán v externím souboru (např. scripty.js), do stránky je vložen pomocí:
  

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

  Zápis skriptů do externího souboru využijeme tehdy, chceme-li stejný skript použít ve více html stránkách.

Skript může být vložen:

• do těla stránky - skript se provede v tom místě stránky, kde je vložen. Tento způsob použijeme tehdy, nejedná-li se o dodatečné změny stránky, ale o využití JavaScriptových funkcí při vytváření stránky, např. vložení aktuálního datumu.
• do hlavičky stránky - skript je spuštěn událostí, která nastane např. při kliknutí na tlačítko, při změně pole formuláře, při odeslání formuláře apod. Tento způsob použijeme, jedná-li se o změny vyvolané uživatelem.
• do atributu obsluhy události (např. onclick, onchange, apod. - viz kapitola Události). Tento způsob místo předchozího použijeme pouze tehdy, je-li skript zajišťující obsluhu události krátký, složený z jednoho či dvou příkazů a není-li použit i u jiného objektu html stránky.