Хуудас үүсгэх үед заримдаа хуудсан дээр байрлуулсан товчлуур дээр дарахад зохиогчийн програмчилсан зарим үйл явдал хөтөч дээр гардаг. Үүнийг хийхийн тулд та үүсгэсэн баримт бичигт JavaScript кодыг байрлуулж, шаардлагатай товчлуур дээр холбох хэрэгтэй. Төлөвлөж буй үйл явдлыг хэрэгжүүлэхэд шаардагдах кодын хэмжээнээс хамааран та товчлуурыг кодтой холбох янз бүрийн аргыг ашиглаж болно.
Зааварчилгаа
1-р алхам
Ихэнх тохиолдолд JavaScript кодын дуудлага нь onclick үйл явдалтай холбоотой байдаг, өөрөөр хэлбэл хулганы зүүн товч дээр дарахад л гардаг. Хэрэв танд шаардлагатай үйлдлийг дүрслэхэд маш их код шаардагдахгүй бол бүгдийг нь товчлуурын шошгонд шууд байрлуулж болно. Жишээлбэл, товчлуур дарахад энгийн мессежийг харуулах хөтөчийг програмчлахын тулд JavaScript скрипт нь дараах байдалтай байх болно: alert ('Код ажиллав!') Энэ нь зөвхөн нэг мэдэгдэл, текст шаарддаг. Энэ бүгдийг товчлуурын шошгоны onclick үйл явдлын тайлбар дээр хялбархан байрлуулж болно. Энэ тохиолдолд хуудасны хамгийн энгийн HTML код дараах байдалтай байж магадгүй юм.
Кодтой товчлуур
Кодтой товчлуур
Алхам 2
Илүү төвөгтэй JavaScript кодыг товчлуурын шошгонд шууд байрлуулах нь практик биш юм. Үүнээс тусдаа функцийг гаргаж, onclick үйл явдалд дуудлага хийх нь илүү хялбар байдаг. Жишээлбэл, энэ нь товчлуур дарах цагийг харуулсан цонхыг харуулсан функц шиг харагдаж магадгүй юм: function getTime () {
var now = шинэ огноо ();
alert ("Код одоо ажиллаж байсан" + now.getHours () + ":" + now.getMinutes ());
} Үүнийг хуудасны толгой хэсэгт байрлуулах ёстой (ба шошгоны хооронд). Товчлуурт холбогдсон энэ функцийг дуудах хуудасны бүрэн код дараах байдалтай байж болно:
Үйл ажиллагааны дуудлагын товчлуур
getTime () функц {
var now = шинэ огноо ();
анхааруулга ("Код одоо ажиллаж байсан" + now.getHours () + ":" + now.getMinutes ());
}
Үйл ажиллагааны дуудлагын товчлуур
Алхам 3
Хэд хэдэн өөр товчлуур дээр дарахад ижил JavaScript кодоор тайлбарлаж болох үйл явдлыг өсгөхөд ижил аргыг ашиглах хэрэгтэй. Жишээлбэл, та өмнөх функцийг бага зэрэг өөрчилж, дарагдсан товчлуурын тодорхойлолтыг зурвасын хайрцагт нэмэх боломжтой: function getTime (btnString) {
var now = шинэ огноо ();
анхааруулга (btnString + "дээр дарж" + now.getHours () + ":" + now.getMinutes ());
} Ийм гурван товчлуур бүхий хуудасны бүрэн код дараах байдалтай байж болно:
Функцийн дуудлага бүхий гурван товчлуур
getTime функц (btnString) {
var now = шинэ огноо ();
анхааруулга (btnString + "дээр дарж" + now.getHours () + ":" + now.getMinutes ());
}
Эхний товчлуур
Хоёр дахь товчлуур
Гурав дахь товчлуур
