A weboldalakon található gombok az interaktív felhasználói élmény biztosítására szolgálnak. Általános szabály, hogy ha egy gombnyomásra adott válasz nem igényel adatokat a szerverre, akkor az interakciót JavaScript szkriptek segítségével valósítják meg. A megfelelő JavaScript-kód meghívásának módszerei eltérőek lehetnek - az alábbiakban számos lehetőséget adhatunk a különböző típusú gombokhoz.
Utasítás
1. lépés
Ha egy weboldalon egy gomb megjelenítését a gombcímke segítségével rendezik, akkor a JavaScript kód elhelyezhető az onclick attribútumban. Például így: gomb Természetesen nem tanácsos elég nagy kódot közvetlenül a gombcímkébe tenni - jobb, ha azt függvényként tervezzük meg, és az onclick attribútumba csak a függvény meghívására szolgáló kódot tesszük. Például:
function showAlert () {
figyelmeztetés ('A gombra kattintva!')
}
gomb
2. lépés
Ha a gomb az egyik bemeneti címke variáción keresztül jelenik meg (beküldés, visszaállítás, gomb vagy kép), akkor ugyanaz az onclick attribútum használható. Például az űrlapmezők törléséhez (visszaállításhoz) egy gomb a következőképpen nézhet ki: Ha azt szeretné, hogy csak a gombra kattintva futtasson JavaScriptet, és az alapértelmezett művelet nem következik be, akkor adja hozzá a return parancsot a függvény vagy közvetlenül a hamis onclick attribútumhoz. Például:
3. lépés
Ha választ kell szerveznie a beküldés típusú gombra kattintásra, akkor a fenti módszer mellett az onclick attribútum használatával használhatja az űrlapcímke tulajdonságait, amelyhez ez a gomb tartozik. A megfelelő függvényhívás elhelyezhető az űrlapcímke onsubmit attribútumában. Például:
4. lépés
Ha a gomb nem űrlapelem, hanem csak grafikus elem (img tag), akkor a szabványok is engedélyezik az onclick attribútum használatát. Például:
5. lépés
Ha a gomb hiperhivatkozás, akkor ne használja a gomb saját attribútumait, jobb, ha a hivatkozás címkéjének tulajdonságait használja. Használhatja az előző lehetőségekhez hasonlóan az onclick címkét. Például: És a href attribútumban lévő címet helyettesítheti függvényhívással. Például így:
