Kuriant puslapius kartais reikia, kad spustelėjus puslapyje įdėtą mygtuką, naršyklėje įvyktų koks nors autoriaus užprogramuotas įvykis. Norėdami tai padaryti, į sugeneruotą dokumentą turite įdėti „JavaScript“kodą ir susieti jį su reikiamu mygtuku. Priklausomai nuo kodo kiekio, reikalingo numatytam įvykiui įgyvendinti, galite naudoti skirtingus mygtuko prijungimo prie kodo būdus.
Nurodymai
1 žingsnis
Dažniausiai „JavaScript“kodo skambučiai susiejami su „onclick“įvykiu, tai yra paspaudimu kairiuoju pelės mygtuku. Jei jums nereikia daug kodo, kad apibūdintumėte veiksmą, kuris turi įvykti, visa tai galima įdėti tiesiai į mygtuko žymą. Pavyzdžiui, norint užprogramuoti naršyklę rodyti paprastą pranešimą, kai paspaudžiamas mygtukas, „JavaScript“scenarijus atrodys taip: įspėjimas („Kodas veikė!“) Tam reikia tik vieno sakinio ir teksto. Visa tai galima lengvai įdėti į mygtuko žymos „onclick“įvykio aprašymą. Tokiu atveju paprasčiausias puslapio HTML kodas gali atrodyti taip:
Mygtukas su kodu
Mygtukas su kodu
2 žingsnis
Netikslinga sudėtingesnį „JavaScript“kodą įdėti tiesiai į mygtuko žymą. Lengviau iš jo padaryti atskirą funkciją ir skambinti į įvykį „onclick“. Pvz., Tai gali atrodyti kaip funkcija, rodanti langą, kuriame nurodomas mygtuko paspaudimo laikas: funkcija getTime () {
var dabar = nauja data ();
įspėjimas ("Kodas veikė" + now.getHours () + ":" + now.getMinutes ());
} Jis turėtų būti dedamas į puslapio antraštę (tarp ir ir tagų). Visas puslapio kodas su iškvietimu į šią funkciją, susietą su mygtuku, gali atrodyti taip:
Funkcijos iškvietimo mygtukas
funkcija getTime () {
var dabar = nauja data ();
įspėjimas ("Kodas veikė" + now.getHours () + ":" + now.getMinutes ());
}
Funkcijos iškvietimo mygtukas
3 žingsnis
Tas pats metodas turėtų būti naudojamas, kai spustelėjus kelis skirtingus mygtukus turėtų kilti įvykis, kurį galima apibūdinti tuo pačiu „JavaScript“kodu. Pvz., Galite šiek tiek pakeisti ankstesnę funkciją, kad prie pranešimo laukelio pridėtumėte paspausto mygtuko identifikaciją: funkcija getTime (btnString) {
var dabar = nauja data ();
įspėjimas (btnString + "spustelėjo" + now.getHours () + ":" + now.getMinutes ());
} Visas puslapio, kuriame yra trys tokie mygtukai, kodas gali atrodyti taip:
Trys mygtukai su funkcijos iškvietimu
funkcija getTime (btnString) {
var dabar = nauja data ();
įspėjimas (btnString + "spustelėjo" + now.getHours () + ":" + now.getMinutes ());
}
Pirmasis mygtukas
Antras mygtukas
Trečias mygtukas
