Kā Ievietot Kodu Pogā

Satura rādītājs:

Kā Ievietot Kodu Pogā
Kā Ievietot Kodu Pogā

Video: Kā Ievietot Kodu Pogā

Video: Kā Ievietot Kodu Pogā
Video: Kā izveidot QR kodu Google tabulās? + Skaisti QR kodi! 2024, Maijs
Anonim

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.

Kā ievietot kodu pogā
Kā ievietot kodu pogā

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:

Ieteicams: