Hlavným spôsobom, ako vytvoriť dynamické efekty na webových stránkach, je použitie skriptov na strane klienta. Sú to kúsky kódu, ktoré sú interpretované skriptovacím mechanizmom aplikácie zobrazujúcej dokument. JavaScript je populárny programovací jazyk používaný na skriptovanie. Aby bolo možné skript spustiť, musí byť nejakým spôsobom vložený do dokumentu.
Je to nevyhnutné
- - kód skriptu;
- - zdrojový dokument;
- - textový editor.
Inštrukcie
Krok 1
Určite najlepší spôsob vloženia skriptu. Ak sa predpokladá, že ten istý skript bude použitý v rôznych dokumentoch, má zmysel presunúť ho do externého súboru a odtiaľ ho pripojiť. V opačnom prípade stojí za to vložiť text skriptu do tela stránky. Ak je veľkosť skriptu veľká, stojí za to umiestniť ho do samostatného bloku v dokumente. Ak má programový kód malý objem a implementuje reakciu na ľubovoľnú udalosť, je dovolené ho umiestniť do atribútu, ktorý definuje vstavaný obslužný program udalosti prvku alebo atribút href odkazu.
Krok 2
Prilepte skript z externého zdroja. Pridajte prvok SCRIPT so zadanými atribútmi src a typu do tela dokumentu alebo do oddielu HEAD. Napríklad to môžete urobiť takto: Hodnota atribútu src musí byť URI smerujúci na zdroj, z ktorého sa načíta text skriptu. Atribút charset je voliteľný. Označuje kódovanie textu skriptu. Pokiaľ je ale vynechaný, bude sa hodnota kódovania brať ako hodnota kódovania dokumentu, do ktorého je vložený skript.
Krok 3
Vložte skript do textu stránky. Použite prvok SCRIPT s textom skriptu vo vnútri. Môže to napríklad vyzerať takto:
alert ("Skript funguje!");
Pre kompatibilitu so staršími prehliadačmi sú potrebné komentáre HTML, ktoré kód obklopujú. Komentáre XML môžete použiť v dokumentoch XHTML.
Krok 4
Vložte kód JavaScript do vložených obslužných rutín udalostí. Vyhľadajte v dokumente prvok, ktorého udalosť chcete spracovať. Pridajte atribút, ktorý definuje vhodný obslužný program. Napríklad atribút, ktorý určuje obslužný program pre kliknutie myšou na prvok, je onclick, obslužný program pre stratu signálu zaostrenia je onblur a obslužný program klávesových skratiek je onkeydown.
Krok 5
Zadajte kód skriptu ako text, ktorý určuje hodnotu pridaného atribútu. Napríklad na zobrazenie správy, keď kliknete na prvok DIV pomocou myši, môžete použiť nasledujúcu konštrukciu: Textový text text Upozorňujeme, že na definovanie reťazcových literálov v kóde obslužného programu vloženého prvku musíte použiť iný typ úvodzoviek. ktoré určujú hodnotu atribútu HTML …
Krok 6
Pridajte skript k prvku href odkazu. Hodnota href musí byť adresa URL, ktorej deskriptor protokolu je „javascript:“a časť adresy je vypočítaný výraz. Napríklad: Text odkazu Ak potrebujete použiť viac výrazov, použite blok príkazov definovaný v zátvorkách {a}.
