Przyciski na stronach internetowych służą do zapewnienia interaktywnego doświadczenia użytkownika. Co do zasady, jeśli reakcja na kliknięcie przycisku nie wymaga przesłania danych na serwer, to interakcja realizowana jest za pomocą skryptów JavaScript. Metody wywoływania odpowiedniego kodu JavaScript mogą się różnić - poniżej znajduje się kilka możliwych opcji dla przycisków różnych typów.
Instrukcje
Krok 1
Jeśli wyświetlanie przycisku na stronie internetowej jest zorganizowane za pomocą tagu button, kod JavaScript można umieścić w atrybucie onclick. Na przykład coś takiego: button Oczywiście nie zaleca się umieszczania odpowiednio dużego kodu bezpośrednio w tagu button - lepiej zaprojektować go jako funkcję, a w atrybucie onclick umieścić tylko kod wywołujący tę funkcję. Na przykład:
funkcja pokażAlert() {
alert („Kliknięty przycisk!”)
}
przycisk
Krok 2
Jeśli przycisk jest wyświetlany za pośrednictwem jednej z odmian tagów wejściowych (prześlij, zresetuj, przycisk lub obraz), można użyć tego samego atrybutu onclick. Na przykład, dla przycisku do czyszczenia pól formularza (resetowania), kod może wyglądać tak: Jeśli chcesz, aby po kliknięciu przycisku wykonywany był tylko JavaScript, a domyślna akcja nie została wykonana, dodaj polecenie return do funkcji lub bezpośrednio do atrybutu onclick false. Na przykład:
Krok 3
Jeśli potrzebujesz uporządkować odpowiedź na kliknięcie przycisku typu submit, to oprócz powyższej metody wykorzystującej atrybut onclick, możesz skorzystać z właściwości tagu formularza, do którego należy ten przycisk. Odpowiednie wywołanie funkcji można umieścić w atrybucie onsubmit znacznika formularza. Na przykład:
Krok 4
Jeżeli przycisk nie jest elementem formularza, a jedynie elementem graficznym (tagiem img), to standardy dla niego dopuszczają również użycie atrybutu onclick. Na przykład:
Krok 5
Jeśli przycisk jest hiperłączem, nie należy używać atrybutów samego przycisku; lepiej jest użyć właściwości znacznika linku. Możesz, tak jak w poprzednich opcjach, użyć tagu onclick. Na przykład: Możesz zastąpić adres w atrybucie href wywołaniem funkcji. Na przykład tak:
