Verkkosivujen painikkeita käytetään interaktiivisen käyttökokemuksen tarjoamiseen. Yleensä, jos vastaus painikkeen napsautukseen ei vaadi tietojen lähettämistä palvelimelle, vuorovaikutus toteutetaan JavaScript-komentosarjojen avulla. Menetelmät vastaavan JavaScript-koodin kutsumiseksi voivat vaihdella - alla on useita mahdollisia vaihtoehtoja erityyppisille painikkeille.
Ohjeet
Vaihe 1
Jos painikkeen näyttäminen verkkosivulla on järjestetty painiketunnisteen avulla, JavaScript-koodi voidaan sijoittaa onclick-määritteeseen. Esimerkiksi näin: painike Tietysti ei ole suositeltavaa laittaa tarpeeksi suurta koodia suoraan painiketunnisteeseen - on parempi suunnitella se funktiona ja laittaa onclick-attribuuttiin vain tämän toiminnon kutsumiseksi tarkoitettu koodi. Esimerkiksi:
function showAlert () {
hälytys ('Napsautus napsautettu!')
}
-painiketta
Vaihe 2
Jos painike näkyy jossakin syöttötagimuunnelmasta (lähetä, nollaa, painike tai kuva), voidaan käyttää samaa onclick-määritettä. Esimerkiksi, jos painike tyhjentää lomakekentät (palauta), koodi saattaa näyttää tältä: Jos haluat, että vain JavaScript suoritetaan, kun painiketta napsautetaan, eikä oletustoimintoa tapahdu, lisää palautuskomento funktiolle tai suoraan onclick-määritteelle false. Esimerkiksi:
Vaihe 3
Jos sinun on järjestettävä vastaus lähetystyyppisen painikkeen napsauttamiseen, voit käyttää yllä mainitun onclick-määritettä käyttävän menetelmän lisäksi lomakemerkin ominaisuuksia, joihin tämä painike kuuluu. Vastaava funktiokutsu voidaan sijoittaa lomaketunnisteen onsubmit-attribuuttiin. Esimerkiksi:
Vaihe 4
Jos painike ei ole lomake-elementti, vaan vain graafinen elementti (img-tunniste), niin sen standardit sallivat myös onclick-määritteen käytön. Esimerkiksi:
Vaihe 5
Jos painike on hyperlinkki, sinun ei pitäisi käyttää itse painikkeen määritteitä; on parempi käyttää linkkitunnisteen ominaisuuksia. Kuten edellisissä vaihtoehdoissa, voit käyttää onclick-tagia. Esimerkiksi: Ja voit korvata href-määritteen osoitteen funktiokutsulla. Esimerkiksi näin:
