Veidojot lapas, dažreiz ir nepieciešams, lai, noklikšķinot uz lapā ievietotās pogas, pārlūkprogrammā notiktu kāds autora ieprogrammēts notikums. Lai to izdarītu, ģenerētajā dokumentā jāievieto JavaScript kods un jāpiesaista tas vajadzīgajai pogai. Atkarībā no koda apjoma, kas nepieciešams iecerētā notikuma ieviešanai, varat izmantot dažādus veidus, kā savienot pogu ar kodu.
Instrukcijas
1. solis
Visbiežāk JavaScript koda izsaukumi ir saistīti ar notikumu onclick, tas ir, ar klikšķi uz peles kreisās pogas. Ja jums nav nepieciešams daudz koda, lai aprakstītu darbību, kurai jānotiek, tad to visu var ievietot tieši pogas tagā. Piemēram, lai pārlūkprogrammu ieprogrammētu tā, lai, noklikšķinot uz pogas, tiktu parādīts vienkāršs ziņojums, JavaScript skripts izskatās šādi: alert ('Kods darbojās!') Tam nepieciešams tikai viens paziņojums un teksts. To visu var viegli ievietot pogas taga onclick notikuma aprakstā. Šajā gadījumā vienkāršākais lapas HTML kods varētu izskatīties šādi:
Poga ar kodu
Poga ar kodu
2. solis
Nav praktiski sarežģītāku JavaScript kodu ievietot tieši pogas tagā. No tā ir vieglāk izveidot atsevišķu funkciju un izsaukt zvanu notikumā onclick. Piemēram, tas varētu izskatīties kā funkcija, kas parāda logu, kurā norādīts pogas klikšķa laiks: funkcija getTime () {
var tagad = jauns datums ();
brīdinājums ("Kods strādāja mapē" + now.getHours () + ":" + now.getMinutes ());
} Tas jānovieto lapas galvenē (starp un tagiem). Pilns lapas kods ar izsaukumu uz šo funkciju, kas saistīts ar pogu, var izskatīties šādi:
Funkcijas izsaukuma poga
funkcija getTime () {
var tagad = jauns datums ();
brīdinājums ("Kods strādāja mapē" + now.getHours () + ":" + now.getMinutes ());
}
Funkcijas izsaukuma poga
3. solis
Tā pati metode jāizmanto, noklikšķinot uz vairākām dažādām pogām, jāizraisa notikums, kuru var aprakstīt ar to pašu JavaScript kodu. Piemēram, varat nedaudz pārveidot iepriekšējo funkciju, lai ziņojumu lodziņā pievienotu nospiestās pogas identifikāciju: funkcija getTime (btnString) {
var tagad = jauns datums ();
brīdinājums (btnString + "noklikšķināja uz" + now.getHours () + ":" + now.getMinutes ());
} Pilns lapas kods ar trim šādām pogām varētu izskatīties šādi:
Trīs pogas ar funkciju izsaukumu
funkcija getTime (btnString) {
var tagad = jauns datums ();
brīdinājums (btnString + "noklikšķināja uz" + now.getHours () + ":" + now.getMinutes ());
}
Pirmā poga
Otrā poga
Trešā poga
