Ինչպես կոդ տեղադրել կոճակի մեջ

Բովանդակություն:

Ինչպես կոդ տեղադրել կոճակի մեջ
Ինչպես կոդ տեղադրել կոճակի մեջ

Video: Ինչպես կոդ տեղադրել կոճակի մեջ

Video: Ինչպես կոդ տեղադրել կոճակի մեջ
Video: Հին պլանավորողի վերանորոգում: Էլեկտրական սալաքարի վերականգնում: 1981 թողարկում 2024, Նոյեմբեր
Anonim

Վեբ էջերի կոճակները օգտագործվում են օգտագործողի ինտերակտիվ փորձ ապահովելու համար: Որպես կանոն, եթե կոճակի սեղմման պատասխանը չի պահանջում տվյալներ ուղարկել սերվերին, ապա փոխազդեցությունն իրականացվում է ՝ օգտագործելով JavaScript գրերի: Համապատասխան JavaScript ծածկագիրը կանչելու մեթոդները կարող են տարբեր լինել. Ստորև բերված են տարբեր տեսակի կոճակների մի քանի հնարավոր տարբերակներ:

Ինչպես կոդ տեղադրել կոճակի մեջ
Ինչպես կոդ տեղադրել կոճակի մեջ

Հրահանգներ

Քայլ 1

Եթե վեբ էջում կոճակի ցուցադրումը կազմակերպվում է կոճակի պիտակի միջոցով, ապա JavaScript կոդը կարող է տեղադրվել onclick հատկանիշում: Օրինակ, ինչպես սա. Կոճակ Իհարկե, ցանկալի չէ բավականաչափ մեծ կոդ ուղղակիորեն դնել կոճակի պիտակի մեջ - ավելի լավ է այն նախագծել որպես ֆունկցիա, և այս ֆունկցիան զանգահարելու կոդը դնել onclick հատկանիշի մեջ: Օրինակ:

ֆունկցիա showAlert () {

զգոն («Կոճակը կտտացրեց»)

}

կոճակ

Քայլ 2

Եթե կոճակը ցուցադրվում է մուտքագրման պիտակի տատանումներից մեկի միջոցով (ներկայացնել, զրոյացնել, կոճակ կամ պատկեր), ապա նույն onclick հատկանիշը կարող է օգտագործվել: Օրինակ ՝ ձևի դաշտերը մաքրելու կոճակի համար (զրոյացնել), կոդը կարող է նման լինել. Եթե ուզում եք, որ միայն JavaScript- ը կատարվի, երբ կոճակը կտտացնում է, և լռելյայն գործողություն տեղի չի ունենում, ապա վերադարձի հրամանը ավելացրեք գործառույթը կամ ուղղակիորեն onclick հատկանիշին կեղծ է: Օրինակ:

Քայլ 3

Եթե Ձեզ անհրաժեշտ է կազմակերպել ներկայացման տիպի կոճակը սեղմելու պատասխան, ապա, բացի վերը նշված մեթոդից, օգտագործելով onclick հատկանիշը, կարող եք օգտագործել ձևի թեգի հատկությունները, որին պատկանում է այս կոճակը: Համապատասխան ֆունկցիայի կանչը կարող է տեղադրվել ձևի թեգի onsubmit հատկանիշում: Օրինակ:

Քայլ 4

Եթե կոճակը ձևի տարր չէ, այլ պարզապես գրաֆիկական տարր է (img պիտակ), ապա դրա ստանդարտները թույլ են տալիս օգտագործել նաև onclick հատկանիշը: Օրինակ:

Քայլ 5

Եթե կոճակը հիպերհղում է, ապա չպետք է օգտագործեք հենց կոճակի հատկությունները, ավելի լավ է օգտագործել հղման պիտակի հատկությունները: Կարող եք, ինչպես նախորդ ընտրանքներում, օգտագործել onclick թեգը: Օրինակ. Եվ href հատկանիշի հասցեն կարող եք փոխարինել գործառույթի զանգով: Օրինակ ՝ այսպես.

Խորհուրդ ենք տալիս: