Interaktiivse kasutuskogemuse pakkumiseks kasutatakse veebilehtede nuppe. Reeglina, kui vastus nupuvajutusele ei nõua andmete serverile saatmist, rakendatakse interaktsioon JavaScripti skriptide abil. Vastava JavaScripti koodi käivitamise meetodid võivad erineda - allpool on mitu erinevat tüüpi nuppude valikut.
Juhised
Samm 1
Kui veebilehe nupu kuvamine on korraldatud nupusildi abil, saab JavaScripti koodi paigutada atribuuti onclick. Näiteks selline: nupp Muidugi ei ole soovitatav piisavalt suurt koodi otse nupumärgendisse panna - parem on see kujundada funktsioonina ja atribuuti onclick panna ainult selle funktsiooni kutsumiseks vajalik kood. Näiteks:
function showAlert () {
märguanne ('Nupp klõpsatud!')
}
nuppu
2. samm
Kui nuppu kuvatakse ühe sisendsildi variatsiooni kaudu (saatmine, lähtestamine, nupp või pilt), saab kasutada sama atclicki atribuuti. Näiteks nupu vormiväljade kustutamiseks (lähtestamine) võib kood välja näha järgmine: Kui soovite, et nupul klõpsates käivitataks ainult JavaScripti ja vaiketoimingut ei toimu, lisage tagastuskäsk funktsioonile või otse atribuudile onclick false. Näiteks:
3. samm
Kui peate korraldama vastuse saadetavat tüüpi nupu klõpsamisele, saate lisaks ülaltoodud meetodile, kasutades atribuuti onclick, kasutada ka selle vormi sildi omadusi, kuhu see nupp kuulub. Vastava funktsioonikõne saab paigutada vormimärgendi onsubmit atribuuti. Näiteks:
4. samm
Kui nupp ei ole vormielement, vaid lihtsalt graafiline element (img-silt), siis lubavad selle standardid kasutada ka atribuuti onclick. Näiteks:
5. samm
Kui nupp on hüperlink, ei tohiks te kasutada nupu enda atribuute, parem on kasutada lingi märgendi atribuute. Nagu eelmistes suvandites, saate kasutada märgendit onclick. Näiteks: ja saate atribuudis href oleva aadressi asendada funktsioonikutsega. Näiteks:
