Kapag lumilikha ng mga pahina, kinakailangan minsan na kapag nag-click ka sa pindutan na inilagay sa pahina, ang ilang kaganapang na-program ng may-akda ay nangyayari sa browser. Upang magawa ito, kailangan mong ilagay ang JavaScript code sa nabuong dokumento at maiugnay ito sa kinakailangang pindutan. Nakasalalay sa dami ng code na kinakailangan upang maipatupad ang inilaan na kaganapan, maaari mong gamitin ang iba't ibang mga paraan upang ikonekta ang pindutan sa code.
Panuto
Hakbang 1
Kadalasan, ang mga tawag sa JavaScript code ay nakasalalay sa onclick na kaganapan, iyon ay, sa pag-click sa kaliwang pindutan ng mouse. Kung hindi mo kailangan ng maraming code upang ilarawan ang pagkilos na kailangang mangyari, ang lahat ng ito ay maaaring mailagay nang direkta sa tag ng pindutan. Halimbawa Ang lahat ng ito ay madaling mailagay sa onclick na paglalarawan ng kaganapan ng tag ng pindutan. Sa kasong ito, maaaring ganito ang pinakasimpleng HTML code ng pahina:
Button na may code
Button na may code
Hakbang 2
Hindi praktikal na maglagay ng mas kumplikadong JavaScript code nang direkta sa tag na button. Mas madaling gumawa ng isang hiwalay na pagpapaandar dito, at ilagay ang tawag nito sa kaganapan na onclick. Halimbawa, maaari itong magmukhang isang pagpapaandar na nagpapakita ng isang window na naglalaman ng oras ng isang pag-click sa pindutan: pagpapaandar getTime () {
var now = bagong petsa ();
alerto ("Nagtrabaho ang code sa" + now.getHours () + ":" + now.getMinutes ());
} Dapat itong ilagay sa header ng pahina (sa pagitan ng mga at mga tag). Ang kumpletong code ng pahina na may isang tawag sa pagpapaandar na ito na nakasalalay sa pindutan ay maaaring magmukhang ganito:
Button na tumawag sa pagpapaandar
pagpapaandar getTime () {
var now = bagong petsa ();
alerto ("Nagtrabaho ang code sa" + now.getHours () + ":" + now.getMinutes ());
}
Button na tumawag sa pagpapaandar
Hakbang 3
Ang parehong pamamaraan ay dapat gamitin kapag ang pag-click sa maraming magkakaibang mga pindutan ay dapat na itaas ang isang kaganapan na maaaring inilarawan sa parehong JavaScript code. Halimbawa, maaari mong bahagyang baguhin ang nakaraang pag-andar upang idagdag ang pagkilala ng pinindot na pindutan sa kahon ng mensahe: function getTime (btnString) {
var now = bagong petsa ();
alerto (btnString + "na-click sa" + now.getHours () + ":" + now.getMinutes ());
} Ang kumpletong code para sa isang pahina na may tatlong mga naturang pindutan ay maaaring magmukhang ganito:
Tatlong mga pindutan na may isang tawag sa pag-andar
pagpapaandar getTime (btnString) {
var ngayon = bagong petsa ();
alerto (btnString + "na-click sa" + now.getHours () + ":" + now.getMinutes ());
}
Unang pindutan
Pangalawang pindutan
Pangatlong pindutan
