Gumbi na spletnih straneh se uporabljajo za interaktivno uporabniško izkušnjo. Če odziv na klik gumba praviloma ne zahteva pošiljanja podatkov na strežnik, se interakcija izvede s pomočjo skriptov JavaScript. Načini priklica ustrezne kode JavaScript se lahko razlikujejo - spodaj je na voljo več možnih možnosti za gumbe različnih vrst.
Navodila
Korak 1
Če je prikaz gumba na spletni strani organiziran z uporabo oznake gumba, potem lahko kodo JavaScript postavimo v atribut onclick. Na primer, takole: gumb Seveda ni priporočljivo vstaviti dovolj velike kode neposredno v oznako gumba - bolje je, da jo oblikujete kot funkcijo in v atribut onclick vstavite samo kodo za klicanje te funkcije. Na primer:
funkcija showAlert () {
opozorilo ('Gumb kliknjen!')
}
gumb
2. korak
Če je gumb prikazan skozi eno od različic vhodne oznake (oddaja, ponastavitev, gumb ali slika), lahko uporabite isti atribut onclick. Na primer, za gumb za čiščenje polj obrazca (ponastavitev) je lahko koda videti takole: Če želite, da se ob kliku gumba izvaja samo JavaScript in privzeto dejanje ne pride, dodajte ukaz return v funkcijo ali neposredno na atribut onclick false. Na primer:
3. korak
Če morate organizirati odgovor na klik gumba vrste oddaje, lahko poleg zgornje metode z uporabo atributa onclick uporabite lastnosti oznake obrazca, ki ji ta gumb pripada. Ustrezni klic funkcije lahko postavite v atribut onsubmit oznake obrazca. Na primer:
4. korak
Če gumb ni element obrazca, temveč le grafični element (img tag), potem standardi zanj dovoljujejo tudi uporabo atributa onclick. Na primer:
5. korak
Če je gumb hiperpovezava, potem ne smete uporabljati atributov samega gumba; bolje je uporabiti lastnosti oznake povezave. Tako kot v prejšnjih možnostih lahko uporabite oznako onclick. Na primer: In naslov v atributu href lahko zamenjate s klicem funkcije. Na primer, takole:
