Sahifalarni yaratishda ba'zida sahifada joylashtirilgan tugmani bosganingizda brauzerda muallif tomonidan dasturlashtirilgan ba'zi bir voqealar sodir bo'lishi kerak. Buning uchun siz yaratilgan hujjatda JavaScript kodini joylashtirishingiz va kerakli tugmachaga bog'lashingiz kerak. Belgilangan hodisani amalga oshirish uchun zarur bo'lgan kod miqdoriga qarab siz tugmani kodga ulashning turli usullaridan foydalanishingiz mumkin.
Ko'rsatmalar
1-qadam
Ko'pincha JavaScript-kod qo'ng'iroqlari onclick hodisasi bilan, ya'ni sichqonchaning chap tugmachasini bosish bilan bog'liq. Agar sodir bo'lishi kerak bo'lgan harakatni tavsiflash uchun sizga ko'p kod kerak bo'lmasa, unda ularning barchasi to'g'ridan-to'g'ri tugma yorlig'iga joylashtirilishi mumkin. Masalan, tugmachani bosganda brauzerni oddiy xabarni ko'rsatishi uchun dasturlash uchun JavaScript skript quyidagi ko'rinishga ega bo'ladi: alert ('Kod ishladi!') Buning uchun faqat bitta bayonot va matn kerak bo'ladi. Bularning barchasi tugma yorlig'ining onclick hodisasi tavsifiga osongina joylashtirilishi mumkin. Bunday holda, sahifaning eng oddiy HTML kodi quyidagicha ko'rinishi mumkin:
Kodli tugma
Kodli tugma
2-qadam
To'g'ridan-to'g'ri tugma yorlig'iga yanada murakkab JavaScript kodini joylashtirish amaliy emas. Undan alohida funktsiya yaratish va chaqiruvni onclick hodisasiga qo'yish osonroq. Masalan, bu tugmani bosish vaqtini o'z ichiga olgan oynani ko'rsatadigan funktsiyaga o'xshab ketishi mumkin: function getTime () {
var now = new date ();
alert ("Kod" + now.getHours () + "da ishlagan:" + now.getMinutes ());
} U sahifaning sarlavhasiga (va teglar orasida) joylashtirilishi kerak. Tugmachaga bog'langan ushbu funktsiyani chaqirgan sahifaning to'liq kodi quyidagicha ko'rinishi mumkin:
Funktsiyani chaqirish tugmasi
funktsiyasi getTime () {
var now = new date ();
alert ("Kod" + now.getHours () + "da ishlagan:" + now.getMinutes ());
}
Funktsiyani chaqirish tugmasi
3-qadam
Xuddi shu usulni bir nechta turli xil tugmachalarni bosishda bir xil JavaScript kodlari bilan tavsiflanadigan hodisani ko'tarish kerak. Masalan, xabar oynasiga bosilgan tugmachani identifikatsiyasini qo'shish uchun avvalgi funktsiyani biroz o'zgartirishingiz mumkin: function getTime (btnString) {
var now = new date ();
ogohlantirish (btnString + " + now.getHours () + "tugmachasini bosdi:" + now.getMinutes ());
} Uchta tugmachali sahifaning to'liq kodi quyidagicha ko'rinishi mumkin:
Funktsional qo'ng'iroq bilan uchta tugma
getTime funktsiyasi (btnString) {
var now = new date ();
ogohlantirish (btnString + " + now.getHours () + "tugmachasini bosdi:" + now.getMinutes ());
}
Birinchi tugma
Ikkinchi tugma
Uchinchi tugma
