JavaScript Úvod Jazyk JS Události Funkce Objekty Vlastnosti Metody Příklady

Web Software Html Css Php MySQL

JavaScript

Help soubory

Stáhněte si nápovědu - JavaScript cookbook nebo JavaScript pocket

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 (skript) 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 blokováno spuštění JavaScriptu.

Stránky musí být vytvořeny tak, aby byly plně funkční i bez spuštění JavaScriptu. Např. rozbalovací menu musí mít na hlavních položkách menu odkazy na stránky obsahující celé menu, automaticky střídající se obrázky musí být doplněny odkazem na celou fotogalerii, data odeslaná formulářem musí být 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

• Kód skriptu může být zapsán přímo v html stránce:
  

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

• Kód skriptu může být 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.

Spuštění skriptu

Skript může být spuštěn:

• událostí, jež nastane např. při kliknutí na tlačítko, při změně pole formuláře, při odeslání formuláře, při načtení stránky apod. Skript je zapsán jako funkce v hlavičce stránky:

  Ukázka

  V hlavičce stránky zapíšeme funkci:

  <script type="text/javascript">
  <!--
    function kontrola_dat() {
      // Zde bude kód skriptu provádějící kontrolu vyplněných dat formuláře
    }
  //-->
  </script>

  Funkce bude spuštěna při kliknutí na tlačítko formuláře:

  <input type="submit" value="Odeslat" onclik="return kontrola_dat()">

  Skrip může být spuštěn až po uplynutí určitého času od nějaké události nebo může být skript spouštěn opakovaně v určitém časovém intervalu (např. automatické střídání fotografií).

  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, může být zapsán přímo do atributu obsluhy události (např. onclick, onchange, apod.)

  Ukázka

  Skript je zapsán přímo u tlačítka formuláře:

  <input type="reset" value="Vymazat" onclick="return confirm('Skutečně vymazat?')">

• při vytváření stránky - skript se provede pouze jednou. Příkazy jsou zapsány samostatně, nikoli ve funkci. Skript je zapsán do html stránky, v tom místě, kde mají být provedeny jeho příkazy. Tento způsob použijeme tehdy, nejedná-li se o dodatečné změny stránky, ale o využití JavaScriptu při vytváření stránky, např. vložení aktuálního datumu, náhodného obrázku, apod., nebo nastavení počátečních hodnot globálních proměnných.

  Ukázka

  <div id="pata">
    <script type="text/javascript">
    <!--
      document.write(Date());
    //-->
    </script>
  </div>