Veb-sahifalardagi tugmalar foydalanuvchining interaktiv tajribasini ta'minlash uchun ishlatiladi. Qoida tariqasida, agar tugmachani bosish uchun javob serverga ma'lumotlarni yuborishni talab qilmasa, u holda o'zaro ta'sir JavaScript-skriptlari yordamida amalga oshiriladi. Tegishli JavaScript kodini chaqirish usullari turlicha bo'lishi mumkin - quyida har xil turdagi tugmalar uchun bir nechta variant mavjud.
Ko'rsatmalar
1-qadam
Agar veb-sahifadagi tugmachani ko'rsatish tugma yorlig'i yordamida tashkil qilingan bo'lsa, unda JavaScript kodini onclick atributiga joylashtirish mumkin. Masalan, shunga o'xshash: tugma Albatta, etarlicha katta kodni to'g'ridan-to'g'ri tugma yorlig'iga kiritish maqsadga muvofiq emas - uni funktsiya sifatida tuzish va faqat ushbu funktsiyani onclick atributiga chaqirish kodini qo'yish yaxshiroqdir. Masalan:
showAlert () funktsiyasi {
ogohlantirish ('Tugma bosildi!')
}
tugmasi
2-qadam
Agar tugma kirish yorlig'i o'zgarishlaridan biri (yuborish, qayta tiklash, tugma yoki rasm) orqali ko'rsatilsa, u holda xuddi shu onclick atributidan foydalanish mumkin. Masalan, forma maydonlarini tozalash tugmasi (qayta tiklash) uchun kod quyidagicha ko'rinishi mumkin: Agar siz tugmachani bosganda faqat JavaScript-ni bajarilishini istasangiz va standart amal bajarilmasa, qaytish buyrug'ini funktsiyasi yoki to'g'ridan-to'g'ri onclick atributiga false. Masalan:
3-qadam
Agar yuborish turidagi tugmachani bosish uchun javobni tashkil qilishingiz kerak bo'lsa, unda onclick atributidan foydalangan holda yuqoridagi usuldan tashqari siz ushbu tugma tegishli bo'lgan shakl yorlig'i xususiyatlaridan foydalanishingiz mumkin. Tegishli funktsiya chaqiruvi forma yorlig'ining onsubmit atributiga joylashtirilishi mumkin. Masalan:
4-qadam
Agar tugma shakl elementi emas, balki shunchaki grafik element (img yorlig'i) bo'lsa, u holda standartlar onclick atributidan foydalanishga ham imkon beradi. Masalan:
5-qadam
Agar tugma ko'prik bo'lsa, unda siz tugmachaning atributlaridan foydalanmasligingiz kerak; havola yorlig'i xususiyatlaridan foydalanish yaxshiroqdir. Siz avvalgi variantlarda bo'lgani kabi, onclick tegidan foydalanishingiz mumkin. Masalan: Va href atributidagi manzilni funktsiya chaqiruvi bilan almashtirishingiz mumkin. Masalan, shunga o'xshash:
