Vifungo katika kurasa za wavuti hutumiwa kutoa uzoefu wa mwingiliano wa mtumiaji. Kama sheria, ikiwa jibu la kitufe halihitaji kutuma data kwenye seva, basi mwingiliano unatekelezwa kwa kutumia hati za JavaScript. Njia za kutumia nambari inayofanana ya JavaScript zinaweza kutofautiana - hapa chini kuna chaguzi kadhaa zinazowezekana kwa vifungo vya aina tofauti.
Maagizo
Hatua ya 1
Ikiwa onyesho la kitufe kwenye ukurasa wa wavuti limepangwa kwa kutumia kitufe cha kitufe, basi nambari ya JavaScript inaweza kuwekwa kwenye sifa ya onclick. Kwa mfano, kama hii: kitufe Kwa kweli, haifai kuweka nambari kubwa ya kutosha moja kwa moja kwenye kitufe cha kitufe - ni bora kuibuni kama kazi, na weka nambari tu ya kuita kazi hii kwenye sifa ya kubonyeza. Kwa mfano:
kazi showAlert () {
tahadhari ('Kitufe kibonye!')
}
kitufe
Hatua ya 2
Ikiwa kitufe kinaonyeshwa kupitia moja ya tofauti ya lebo ya kuingiza (wasilisha, weka upya, kifungo, au picha), basi sifa hiyo hiyo ya kubonyeza inaweza kutumika. Kwa mfano, kwa kitufe cha kusafisha sehemu za fomu (kuweka upya), nambari inaweza kuonekana kama hii: Ikiwa unataka JavaScript tu itekelezwe wakati kitufe kinabofyewa, na kitendo chaguo-msingi hakifanyiki, kisha ongeza amri ya kurudi kwa kazi au moja kwa moja kwa sifa ya onclick uwongo. Kwa mfano:
Hatua ya 3
Ikiwa unahitaji kupanga majibu kwa kubonyeza kitufe cha aina ya uwasilishaji, basi, kwa kuongeza njia iliyo hapo juu kwa kutumia sifa ya onclick, unaweza kutumia mali ya lebo ya fomu ambayo kifungo hiki ni cha. Simu inayofanana ya kazi inaweza kuwekwa kwenye sifa ya kusambaza ya lebo ya fomu. Kwa mfano:
Hatua ya 4
Ikiwa kitufe sio kipengee cha fomu, lakini tu kipengee cha picha (img tag), basi viwango vyake pia huruhusu utumiaji wa sifa ya onclick. Kwa mfano:
Hatua ya 5
Ikiwa kitufe ni kiungo, basi haifai kutumia sifa za kitufe chenyewe; ni bora kutumia mali ya kitambulisho. Unaweza, kama katika chaguzi zilizopita, tumia lebo ya onclick. Kwa mfano: Na unaweza kubadilisha anwani katika sifa ya href na simu ya kazi. Kwa mfano, kama hii:
