Էջեր ստեղծելիս երբեմն անհրաժեշտ է, որ էջում տեղադրված կոճակը սեղմելիս հեղինակի կողմից ծրագրավորված ինչ-որ իրադարձություն տեղի ունենա զննարկչում: Դա անելու համար հարկավոր է JavaScript կոդը տեղադրել գեներացված փաստաթղթում և կապել այն պահանջվող կոճակի հետ: Կախված ծածկագրի քանակից, որը պահանջվում է նախատեսված իրադարձությունն իրականացնելու համար, կոճակը ծածկագրին միացնելու տարբեր եղանակներ կարող եք օգտագործել:
Հրահանգներ
Քայլ 1
Ամենից հաճախ, JavaScript կոդի զանգերը կապված են օն-սեղմման իրադարձության հետ, այսինքն `մկնիկի ձախ կոճակի սեղմման: Եթե ձեզ հարկավոր չէ շատ ծածկագիր, այն գործողությունը նկարագրելու համար, որը պետք է տեղի ունենա, ապա այդ ամենը կարող է տեղադրվել անմիջապես կոճակի պիտակի մեջ: Օրինակ ՝ զննարկիչը ծրագրավորելու համար, որպեսզի կոճակը կտտացնելիս պարզ հաղորդագրություն ցույց տա, JavaScript գրությունն այսպիսի տեսք կունենա. Այս ամենը կարելի է հեշտությամբ տեղադրել կոճակի պիտակի onclick իրադարձության նկարագրության մեջ: Այս դեպքում էջի ամենապարզ HTML կոդը կարող է ունենալ այսպիսի տեսք.
Կոդը կոդով
Կոդը կոդով
Քայլ 2
Գործնական չէ ավելի բարդ JavaScript կոդ տեղադրել անմիջապես կոճակի պիտակի մեջ: Դրանից ավելի հեշտ է կատարել առանձին գործառույթ, և դրա զանգը դնել onclick իրադարձության մեջ: Օրինակ, սա կարող է նման լինել մի գործառույթի, որը ցույց է տալիս պատուհանը, որը պարունակում է կոճակի կտտոցի ժամանակը. Function getTime () {
var հիմա = նոր ամսաթիվ ();
նախազգուշացում («Կոդը գործում է» + հիմա.getHours () + ":" + now.getMinutes ());
} Այն պետք է տեղադրվի էջի վերնագրի մեջ (և պիտակների միջև): Կոճակի հետ կապված այս գործառույթի կանչով էջի ամբողջական ծածկագիրը կարող է ունենալ այսպիսի տեսք.
Գործառույթի զանգի կոճակ
գործառույթ getTime () {
var հիմա = նոր ամսաթիվ ();
նախազգուշացում («Կոդը գործում է» + հիմա.getHours () + ":" + now.getMinutes ());
}
Գործառույթի զանգի կոճակ
Քայլ 3
Միևնույն մեթոդը պետք է օգտագործվի, երբ կտտացնելով մի քանի տարբեր կոճակներ, պետք է բարձրացնի իրադարձություն, որը կարելի է նկարագրել նույն JavaScript կոդով: Օրինակ, կարող եք փոքր-ինչ փոփոխել նախորդ գործառույթը ՝ հաղորդագրության տուփին սեղմված կոճակի նույնականացում ավելացնելու համար. Function getTime (btnString) {
var հիմա = նոր ամսաթիվ ();
նախազգուշացում (btnString + «կտտացրեց» + հիմա.getHours () + ":" + now.getMinutes ());
} Երեք այդպիսի կոճակներով էջի ամբողջական ծածկագիրը կարող է նման լինել.
Գործառույթի զանգով երեք կոճակ
getTime գործառույթը (btnString) {
var հիմա = նոր ամսաթիվ ();
նախազգուշացում (btnString + «կտտացրեց» + հիմա.getHours () + ":" + now.getMinutes ());
}
Առաջին կոճակ
Երկրորդ կոճակ
Երրորդ կոճակ
