dom / Internet / Web Razvoj / Kako umetnuti kôd gumba

Kako umetnuti kôd gumba

/
40 Posjeta

Kako umetnuti kôd gumba</a>

Gumb na web stranicama koriste organizirati interaktivnu komunikaciju s korisnikom.

U pravilu, ako je odgovor na pritisak gumba ne zahtijeva slanje podataka na poslužitelj, interaktivnost se provodi pomoću JavaScript-scenarija.

Metode prizvati odgovarajući JavaScript kôd može varirati - u nastavku je opisana neke moguće izvedbe za različite vrste gumba.

instrukcija

    1

Ako se gumb za prikaz na web straniciorganizira gumba tag, JavaScript-koda može se smjestiti u atribut onclick. Na primjer, kao: & lt-tipka onclick = »upozorenje (‘! Pritisne tipka’) -«& gt button & LT / gumb & gt-tečaj, smješten izravno u prekidaču tag je dovoljno velik broj nije primjereno - bolje je da je dizajn u funkciji, a atribut onclick samo staviti kod poziva ovu funkciju. Na primjer: & lt-skripta-GT-
Funkcija showAlert () {
alert ( 'pritisne tipka!)
}
I LT / skripte i GT-& lt gumb onclick = »showAlert ()» & gt gumb i LT / gumb i GT-

    2

Ako se gumb prikazuje jedan odunos oznaka opcije (dostaviti, reset, gumb ili slike), možete koristiti isti atribut onclick. Na primjer, za područja čišćenja formu gumb (reset), kod bi mogao izgledati ovako: tip lt-ulaz = »RESET» onclick = »showAlert ()» / & gt-Ako želite samo JavaScript-pismom pritiskom na gumb radnje, te je dodijeljena zadana radnja ne dogodi, onda funkciju ili izravno u onclick atribut mora dodati return false naredbu. Na primjer: Tip lt ulaz = »RESET» onclick = »showAlert () - return false» / ​​i GT-

    3

Ako je potrebno organizirati odgovor na pritisak gumbaupisati podnijeti, onda osim gore navedene metode pomoću atribut onclick svojstva mogu iskoristiti obrazac oznaku, na koje se ovaj gumb. Odgovarajuća funkcija poziva se može staviti u onsubmit obliku atributa oznake. Na primjer: gdje oblika učinak = »» onsubmit = »showAlert () - return false» i GT-
& Lt-ulaz type = »dostaviti» / i tvrtka GT
I LT / oblik i GT-

    4

Ako gumb nije dio obrasca, a svegrafički element (oznaka img), a onda za njim standardima omogućiti korištenje atribut onclick. Na primjer: & lt-img src = »btn.gif» onclick = »showAlert () -» / i GT-

    5

Ako je gumb hipervezu jekoristiti atribute sama gumb nije potrebno, bolje je iskoristiti svojstva oznaka reference. Moguće je, kao u prethodnim ostvarenjima, koristite onclick oznake. Na primjer: & lt-a href = »http://learn-myself.com» onclick = »showAlert () - return false -«i GT-& lt-img src =»btn.gif» / i GT-i LT / a & gt-A mogu se zamijeniti s funkcijom poziv na adresu u href atribut. Na primjer zbog: 'H-a href = »javascript: showAlert () -«i GT-& lt-img src =»btn.gif» / i GT-i LT / a i GT-

Kako umetnuti kôd gumba To zadnje promjene: 20. lipanj 2017 od fyyxoahr
To je glavni unutarnji spremnik tekst podnožja