Când creați pagini, este uneori necesar ca, atunci când faceți clic pe butonul plasat în pagină, să apară în browser un eveniment programat de autor. Pentru a face acest lucru, trebuie să plasați codul JavaScript în documentul generat și să îl legați de butonul dorit. În funcție de cantitatea de cod necesară pentru implementarea evenimentului intenționat, puteți utiliza diferite moduri de conectare a butonului la cod.
Instrucțiuni
Pasul 1
Cel mai adesea, apelurile de cod JavaScript sunt legate de evenimentul onclick, adică de clicul de pe butonul stâng al mouse-ului. Dacă nu aveți nevoie de mult cod pentru a descrie acțiunea care trebuie să se întâmple, atunci toate acestea pot fi plasate direct în eticheta butonului. De exemplu, pentru a programa browserul pentru a afișa un mesaj simplu când se face clic pe un buton, scriptul JavaScript ar arăta astfel: alertă („Codul a funcționat!”) Este nevoie doar de o declarație și un text. Toate acestea pot fi plasate cu ușurință în descrierea evenimentului onclick a etichetei butonului. În acest caz, cel mai simplu cod HTML al paginii ar putea arăta astfel:
Buton cu cod
Buton cu cod
Pasul 2
Nu este practic să plasați cod JavaScript mai complex direct în eticheta butonului. Este mai ușor să creați o funcție separată din acesta și să-i puneți apelul la evenimentul onclick. De exemplu, aceasta ar putea arăta ca o funcție care arată o fereastră care conține ora unui clic pe buton: funcția getTime () {
var acum = data nouă ();
alert ("Codul a funcționat în" + now.getHours () + ":" + now.getMinutes ());
} Ar trebui plasat în antetul paginii (între etichete și). Codul complet al paginii cu un apel către această funcție legat de buton poate arăta astfel:
Buton de apelare funcție
funcția getTime () {
var acum = data nouă ();
alert ("Codul a funcționat în" + now.getHours () + ":" + now.getMinutes ());
}
Buton de apelare funcție
Pasul 3
Aceeași metodă trebuie utilizată atunci când faceți clic pe mai multe butoane diferite, trebuie să creați un eveniment care poate fi descris cu același cod JavaScript. De exemplu, puteți modifica ușor funcția anterioară pentru a adăuga identificarea butonului apăsat în caseta de mesaj: funcția getTime (btnString) {
var acum = data nouă ();
alert (btnString + "clicked in" + now.getHours () + ":" + now.getMinutes ());
} Codul complet pentru o pagină cu trei astfel de butoane ar putea arăta astfel:
Trei butoane cu apel funcțional
funcția getTime (btnString) {
var acum = data nouă ();
alert (btnString + "clicked in" + now.getHours () + ":" + now.getMinutes ());
}
Primul buton
Al doilea buton
Al treilea buton
