Pogas tīmekļa lapās tiek izmantotas, lai nodrošinātu interaktīvu lietotāja pieredzi. Parasti, ja atbildei uz klikšķi uz pogas nav nepieciešams nosūtīt datus uz serveri, mijiedarbība tiek īstenota, izmantojot JavaScript skriptus. Atbilstošā JavaScript koda izsaukšanas metodes var atšķirties - tālāk ir vairākas iespējamās opcijas dažādu veidu pogām.
Instrukcijas
1. solis
Ja pogas parādīšana tīmekļa lapā tiek organizēta, izmantojot pogas tagu, tad JavaScript kodu var ievietot atribūtā onclick. Piemēram, šādi: poga Protams, nav ieteicams ievietot pietiekami lielu kodu tieši pogas tagā - labāk to noformēt kā funkciju un atribūtā onclick ievietot tikai šīs funkcijas izsaukšanas kodu. Piemēram:
function showAlert () {
brīdinājums ('Noklikšķināts uz pogas!')
}
pogu
2. solis
Ja poga tiek parādīta caur vienu no ievades tagu variantiem (iesniegt, atiestatīt, poga vai attēls), var izmantot to pašu atclick atribūtu. Piemēram, lai poga notīrītu veidlapas laukus (atiestatīšana), kods varētu izskatīties šādi: Ja vēlaties, lai, noklikšķinot uz pogas, tiktu izpildīts tikai JavaScript un noklusējuma darbība nenotiktu, pievienojiet komandu Return funkciju vai tieši uz atribūtu onclick false. Piemēram:
3. solis
Ja jums ir jāorganizē atbilde uz noklikšķināšanas uz iesniegšanas veida pogas, papildus iepriekš minētajai metodei, izmantojot atribūtu onclick, varat izmantot tās formas taga īpašības, kurai pieder šī poga. Atbilstošo funkciju izsaukumu var ievietot veidlapas taga atribūtā onsubmit. Piemēram:
4. solis
Ja poga nav formas elements, bet tikai grafisks elements (img tags), tad tās standarti ļauj izmantot atribūtu onclick. Piemēram:
5. solis
Ja poga ir hipersaite, nevajadzētu izmantot pašas pogas atribūtus, labāk ir izmantot saites taga īpašības. Tāpat kā iepriekšējās opcijās, varat izmantot tagu onclick. Piemēram: Un atribūtā href norādīto adresi var aizstāt ar funkcijas izsaukumu. Piemēram, šādi: