K zajištění interaktivního uživatelského zážitku se používají tlačítka na webových stránkách. Je pravidlem, že pokud odpověď na kliknutí na tlačítko nevyžaduje odesílání dat na server, je interakce implementována pomocí skriptů JavaScriptu. Metody vyvolání příslušného kódu JavaScriptu se mohou lišit - níže je několik možných možností pro tlačítka různých typů.
Instrukce
Krok 1
Pokud je zobrazení tlačítka na webové stránce organizováno pomocí značky tlačítka, lze kód JavaScript umístit do atributu onclick. Například takto: tlačítko Samozřejmě není vhodné vložit dostatečně velký kód přímo do tagu tlačítka - je lepší jej navrhnout jako funkci a do atributu onclick vložit pouze kód pro volání této funkce. Například:
funkce showAlert () {
výstraha („Kliknuto na tlačítko!“)
}
knoflík
Krok 2
Pokud je tlačítko zobrazeno prostřednictvím jedné ze variant vstupních značek (odeslání, reset, tlačítko nebo obrázek), lze použít stejný atribut onclick. Například pro tlačítko pro vymazání polí formuláře (reset) může kód vypadat takto: Pokud chcete, aby se po kliknutí na tlačítko spustil pouze JavaScript a nedojde k výchozí akci, přidejte příkaz return do funkce nebo přímo na atribut onclick false. Například:
Krok 3
Pokud potřebujete uspořádat odpověď na kliknutí na tlačítko typu odeslání, můžete kromě výše uvedené metody využívající atribut onclick použít vlastnosti značky formuláře, ke které toto tlačítko patří. Odpovídající volání funkce lze umístit do atributu onsubmit tagu formuláře. Například:
Krok 4
Pokud tlačítko není elementem formuláře, ale pouze grafickým prvkem (značka img), pak jeho standardy také umožňují použití atributu onclick. Například:
Krok 5
Pokud je tlačítko hypertextový odkaz, neměli byste používat atributy samotného tlačítka; je lepší použít vlastnosti značky odkazu. Stejně jako v předchozích možnostech můžete použít značku onclick. Například: A adresu v atributu href můžete nahradit voláním funkce. Například takto:
