Hlavním způsobem, jak vytvořit dynamické efekty na webových stránkách, je použití skriptů na straně klienta. Jsou to části kódu, které jsou interpretovány skriptovacím modulem aplikace zobrazující dokument. JavaScript je populární programovací jazyk používaný pro skriptování. Aby bylo možné skript spustit, musí být nějakým způsobem vložen do dokumentu.
Je to nutné
- - kód skriptu;
- - zdrojový dokument;
- - textový editor.
Instrukce
Krok 1
Určete nejlepší způsob vložení skriptu. Pokud se předpokládá, že stejný skript bude použit v různých dokumentech, má smysl jej přesunout do externího souboru a odtud jej připojit. Jinak stojí za to vložit text skriptu do těla stránky. Pokud je velikost skriptu velká, stojí za to jej umístit do samostatného bloku v dokumentu. Pokud má programový kód malý objem a implementuje reakci na jakoukoli událost, je povoleno umístit jej do atributu, který definuje integrovanou obslužnou rutinu události prvku nebo atribut href odkazu.
Krok 2
Vložte skript z externího zdroje. Přidejte prvek SCRIPT se zadaným atributem src a zadejte do těla dokumentu nebo do sekce HEAD. Můžete to udělat například takto: Hodnota atributu src musí být URI ukazující na prostředek, ze kterého se načte text skriptu. Atribut charset je volitelný. Označuje kódování textu skriptu. Pokud je však vynechán, bude hodnota kódování brána jako hodnota kódování dokumentu, do kterého je skript vložen.
Krok 3
Vložte skript do textu stránky. Použijte prvek SCRIPT s textem skriptu uvnitř. Může to například vypadat takto:
alert ("Skript funguje!");
Komentáře HTML, které kód obklopují, jsou vyžadovány pro kompatibilitu se staršími prohlížeči. V dokumentech XHTML můžete použít komentáře XML.
Krok 4
Vložte kód javascript do obslužných rutin vložených událostí. Najděte prvek v dokumentu, jehož událost chcete zpracovat. Přidejte atribut, který definuje příslušnou obslužnou rutinu. Například atribut, který určuje obslužnou rutinu pro kliknutí myší na prvek, je onclick, obslužná rutina pro ztrátu signálu zaostření je onblur a obslužná rutina stisknutí kláves je onkeydown.
Krok 5
Zadejte kód skriptu jako text, který určuje hodnotu přidaného atributu. Chcete-li například zobrazit zprávu, když na prvek DIV kliknete myší, můžete použít následující konstrukci: Textový textový text Všimněte si, že k definování řetězcových literálů v kódu obslužné rutiny vloženého prvku musíte použít jiný typ uvozovek než ty které určují hodnotu atributu HTML …
Krok 6
Přidejte skript k prvku href odkazu. Hodnota href musí být adresa URL, jejíž popisovač protokolu je „javascript:“, a část adresy je vypočítaný výraz. Například: Text odkazu Pokud potřebujete použít více výrazů, použijte blok příkazů definovaný v závorkách {a}.
