Ang mga pindutan sa mga web page ay ginagamit upang magbigay ng interactive na karanasan ng gumagamit. Bilang isang patakaran, kung ang tugon sa isang pag-click sa pindutan ay hindi nangangailangan ng pagpapadala ng data sa server, pagkatapos ay ipinatupad ang pakikipag-ugnayan gamit ang mga script ng JavaScript. Ang mga pamamaraan para sa paggamit ng kaukulang JavaScript code ay maaaring magkakaiba - sa ibaba ay maraming mga posibleng pagpipilian para sa mga pindutan ng iba't ibang uri.
Panuto
Hakbang 1
Kung ang pag-display ng isang pindutan sa isang web page ay nakaayos gamit ang tag na pindutan, maaaring mailagay ang JavaScript code sa onclick na katangian. Halimbawa Halimbawa:
function showAlert () {
alerto ('Na-click ang pindutan!')
}
pindutan
Hakbang 2
Kung ang pindutan ay ipinakita sa pamamagitan ng isa sa mga pagkakaiba-iba ng pag-input ng tag (isumite, i-reset, pindutan, o imahe), maaaring magamit ang parehong onclick na katangian. Halimbawa pagpapaandar o direkta sa onclick na katangian ng maling. Halimbawa:
Hakbang 3
Kung kailangan mong ayusin ang isang tugon sa pag-click sa isang pindutan ng uri ng pagsumite, pagkatapos, bilang karagdagan sa pamamaraan sa itaas gamit ang onclick na katangian, maaari mong gamitin ang mga katangian ng form tag kung saan kabilang ang pindutang ito. Ang kaukulang tawag sa pag-andar ay maaaring mailagay sa katangian ng onsubmit ng form tag. Halimbawa:
Hakbang 4
Kung ang pindutan ay hindi isang elemento ng form, ngunit isang graphic na elemento lamang (img tag), pagkatapos ay pinapayagan din ng mga pamantayan para sa paggamit ng onclick na katangian. Halimbawa:
Hakbang 5
Kung ang pindutan ay isang hyperlink, pagkatapos ay hindi mo dapat gamitin ang mga katangian ng pindutan mismo; mas mahusay na gamitin ang mga katangian ng link tag. Maaari mong, tulad ng sa mga nakaraang pagpipilian, gamitin ang onclick tag. Halimbawa: At maaari mong palitan ang address sa katangiang href ng isang tawag sa pag-andar. Halimbawa, tulad nito:
