Butoanele din paginile web sunt utilizate pentru a oferi utilizatorilor o experiență interactivă. De regulă, dacă răspunsul la un clic pe buton nu necesită trimiterea de date către server, atunci interacțiunea este implementată utilizând scripturi JavaScript. Metodele de invocare a codului JavaScript corespunzător pot varia - mai jos sunt câteva opțiuni posibile pentru butoane de diferite tipuri.
Instrucțiuni
Pasul 1
Dacă afișarea unui buton într-o pagină web este organizată utilizând eticheta buton, atunci codul JavaScript poate fi plasat în atributul onclick. De exemplu, astfel: butonul Desigur, nu este recomandabil să introduceți un cod suficient de mare direct în eticheta butonului - este mai bine să îl proiectați ca o funcție și să puneți numai codul pentru apelarea acestei funcții în atributul onclick. De exemplu:
funcție showAlert () {
alert („Butonul a dat clic!”)
}
buton
Pasul 2
Dacă butonul este afișat printr-una dintre variantele etichetei de intrare (trimitere, resetare, buton sau imagine), atunci poate fi utilizat același atribut onclick. De exemplu, pentru ca un buton să șteargă câmpurile formularului (resetare), codul ar putea arăta astfel: Dacă doriți să fie executat numai JavaScript când se face clic pe buton și acțiunea implicită nu are loc, adăugați comanda return la funcție sau direct la atributul onclick false. De exemplu:
Pasul 3
Dacă trebuie să organizați un răspuns făcând clic pe un buton de tipul de trimitere, atunci, pe lângă metoda de mai sus, folosind atributul onclick, puteți utiliza proprietățile etichetei de formular căreia îi aparține acest buton. Apelul funcțional corespunzător poate fi plasat în atributul onsubmit al etichetei de formular. De exemplu:
Pasul 4
Dacă butonul nu este un element de formular, ci doar un element grafic (etichetă img), standardele pentru acesta permit și utilizarea atributului onclick. De exemplu:
Pasul 5
Dacă butonul este un hyperlink, atunci nu trebuie să utilizați atributele butonului în sine; este mai bine să utilizați proprietățile etichetei de link. Puteți, la fel ca în opțiunile anterioare, să utilizați eticheta onclick. De exemplu: Și puteți înlocui adresa din atributul href cu un apel funcțional. De exemplu, astfel:
