otthon / Internet / Webfejlesztés / Hogyan helyezzen be egy kódot egy gombra

Hogyan kell behelyezni a gomb kódját

/
42 Views

Hogyan kell behelyezni a gomb kódját</a>

A weboldalakon található gombok segítségével interaktív interakciót szervezhet a felhasználóval.

Általában, ha egy gombra adott válasz nem követeli meg az adatoknak a kiszolgálóra történő elküldését, akkor az interaktív JavaScript szkriptekkel valósul meg.

A megfelelő JavaScript kód megadásának módjai eltérőek lehetnek - a különböző típusú gombok lehetséges opcióit az alábbiakban ismertetjük.

oktatás

    1

Ha a gomb egy weboldalon jelenik megáltal szervezett egy gombot tag, a JavaScript-kódot lehet elhelyezni a onclick attribútumot. Például, mint: & lt gomb onclick = »alert ( '! Gomb megnyomásakor) -« & gt-gomb és LT / gomb & gt-természetesen helyezett közvetlenül a gomb címke elég nagy kód nem megfelelő - jobb tervezni, mint egy függvény, és az onclick attribútumot Helyezze csak a híváskódot ehhez a funkcióhoz. Például: & lt-script & gt-
Funkció showAlert () {
Riasztás ("Gomb megnyomása!")
}
& Lt- / script & gt- & lt-gomb onclick = "showAlert ()" & gt-gomb & lt- / gomb & gt-

    2

Ha a gomb valamelyikét jelziAz input (submit, reset, button, vagy image) címke beállításai ugyanazt az onclick attribútumot használhatják. Például a következő területeken elszámolási gomb forma (reset), a kód így nézhet ki: & lt-input type = »RESET» onclick = »showAlert ()» / & gt-Ha azt szeretnénk, csak JavaScript-script megnyomásával művelet gombot, célhoz kötött vele Alapértelmezés szerint a művelet nem következett be, akkor a return false parancsot hozzá kell adni a függvényhez vagy közvetlenül az onclick attribútumhoz. Például: & lt-input type = »RESET» onclick = »showAlert () - vissza hamis» / & GT-

    3

Ha egy gombra kattintáshoz rendezni kívánja a választÍrja be a beadandó bejegyzést, majd a fenti módszer mellett az onclick attribútum használatával használhatja a formanyomtató azon tulajdonságait, amelyekhez ez a gomb tartozik. A megfelelő funkcióhívás a formanyomtató onsubmit attribútumába kerülhet. Például: & lt-form action = »» onsubmit = "showAlert () - RETURN FALSE" & gt-
& Lt-input type = "submit" / & gt-
& LT / formában & GT-

    4

Ha a gomb nem formai elem, hanem az egészCsak egy grafikus elem (img tag), majd neki a szabványok lehetővé teszik az onclick attribútum használatát. Például: & lt-img src = "btn.gif" onclick = "showAlert () -" / & gt-

    5

Ha a gomb egy hiperlink, akkorhasználhatja az attribútumokat a gomb önmagában nem szükséges, akkor jobb, hogy kihasználják a tulajdonságokat a címke hivatkozásokat. Az előző verziókhoz hasonlóan használhatja az onclick címkét. Például: & lt-a href = »http://learn-myself.com» onclick = »showAlert () - vissza hamis -«& GT-& lt-img src =»btn.gif» / & GT-& LT / a & gt-A A függvény címét a href attribútum hívja fel. Például, mivel: & lt-a href = »javascript: showAlert () -«& GT-& lt-img src =»btn.gif» / & GT-& LT / a & GT-

Hogyan kell behelyezni a gomb kódját Ez volt az utolsó módosítás: Június 20, 2017 által nolseowb
Ez a fő belső tartály láblécszöveg