Վեբ էջերի կոճակները օգտագործվում են օգտագործողի ինտերակտիվ փորձ ապահովելու համար: Որպես կանոն, եթե կոճակի սեղմման պատասխանը չի պահանջում տվյալներ ուղարկել սերվերին, ապա փոխազդեցությունն իրականացվում է ՝ օգտագործելով JavaScript գրերի: Համապատասխան JavaScript ծածկագիրը կանչելու մեթոդները կարող են տարբեր լինել. Ստորև բերված են տարբեր տեսակի կոճակների մի քանի հնարավոր տարբերակներ:
Հրահանգներ
Քայլ 1
Եթե վեբ էջում կոճակի ցուցադրումը կազմակերպվում է կոճակի պիտակի միջոցով, ապա JavaScript կոդը կարող է տեղադրվել onclick հատկանիշում: Օրինակ, ինչպես սա. Կոճակ Իհարկե, ցանկալի չէ բավականաչափ մեծ կոդ ուղղակիորեն դնել կոճակի պիտակի մեջ - ավելի լավ է այն նախագծել որպես ֆունկցիա, և այս ֆունկցիան զանգահարելու կոդը դնել onclick հատկանիշի մեջ: Օրինակ:
ֆունկցիա showAlert () {
զգոն («Կոճակը կտտացրեց»)
}
կոճակ
Քայլ 2
Եթե կոճակը ցուցադրվում է մուտքագրման պիտակի տատանումներից մեկի միջոցով (ներկայացնել, զրոյացնել, կոճակ կամ պատկեր), ապա նույն onclick հատկանիշը կարող է օգտագործվել: Օրինակ ՝ ձևի դաշտերը մաքրելու կոճակի համար (զրոյացնել), կոդը կարող է նման լինել. Եթե ուզում եք, որ միայն JavaScript- ը կատարվի, երբ կոճակը կտտացնում է, և լռելյայն գործողություն տեղի չի ունենում, ապա վերադարձի հրամանը ավելացրեք գործառույթը կամ ուղղակիորեն onclick հատկանիշին կեղծ է: Օրինակ:
Քայլ 3
Եթե Ձեզ անհրաժեշտ է կազմակերպել ներկայացման տիպի կոճակը սեղմելու պատասխան, ապա, բացի վերը նշված մեթոդից, օգտագործելով onclick հատկանիշը, կարող եք օգտագործել ձևի թեգի հատկությունները, որին պատկանում է այս կոճակը: Համապատասխան ֆունկցիայի կանչը կարող է տեղադրվել ձևի թեգի onsubmit հատկանիշում: Օրինակ:
Քայլ 4
Եթե կոճակը ձևի տարր չէ, այլ պարզապես գրաֆիկական տարր է (img պիտակ), ապա դրա ստանդարտները թույլ են տալիս օգտագործել նաև onclick հատկանիշը: Օրինակ:
Քայլ 5
Եթե կոճակը հիպերհղում է, ապա չպետք է օգտագործեք հենց կոճակի հատկությունները, ավելի լավ է օգտագործել հղման պիտակի հատկությունները: Կարող եք, ինչպես նախորդ ընտրանքներում, օգտագործել onclick թեգը: Օրինակ. Եվ href հատկանիշի հասցեն կարող եք փոխարինել գործառույթի զանգով: Օրինակ ՝ այսպես.