Вэб хуудсан дээрх товчлуурууд нь хэрэглэгчийн интерактив туршлагыг хангахад ашиглагддаг. Дүрмээр бол товчлуур дээр дарахад хариу өгөх нь сервер рүү өгөгдөл илгээх шаардлагагүй бол харилцан үйлчлэлийг JavaScript скрипт ашиглан гүйцэтгэнэ. Холбогдох JavaScript кодыг дуудах аргууд нь янз бүр байж болно - доор янз бүрийн хэлбэрийн товчлуурын хэд хэдэн боломжит хувилбаруудыг харуулав.
Зааварчилгаа
1-р алхам
Хэрэв вэб хуудсан дээрх товчлуурын товчлуурыг товчлуурын шошгыг ашиглан байрлуулсан бол JavaScript кодыг onclick атрибут дотор байрлуулж болно. Жишээлбэл, иймэрхүү товч: Мэдээжийн хэрэг хангалттай том кодыг товчлуурын шошгонд шууд оруулахыг зөвлөдөггүй - үүнийг функц хэлбэрээр боловсруулж, зөвхөн энэ функцийг дуудах кодыг onclick атрибут руу оруулах нь дээр. Жишээлбэл:
showAlert () функц {
анхааруулга ('Товчлуур дарагдсан!')
}
товчлуур
Алхам 2
Хэрэв товчлуурыг оролтын шошгоны аль нэг хувилбараар (илгээх, дахин тохируулах, товчлуур эсвэл зураг) харуулсан бол ижил onclick шинж чанарыг ашиглаж болно. Жишээлбэл, маягтын талбаруудыг арилгах товчлуурын хувьд (дахин тохируулах) код нь иймэрхүү харагдаж магадгүй юм: Хэрэв та товчлуур дээр дарахад зөвхөн JavaScript-ийг ажиллуулахыг хүсч байгаа бөгөөд анхдагч үйлдэл гарахгүй бол буцах командыг функц эсвэл шууд onclick атрибуттай шууд холбогддог. Жишээлбэл:
Алхам 3
Хэрэв та оруулах төрлийн товчлуур дээр дарахад хариу арга хэмжээ зохион байгуулах шаардлагатай бол onclick шинж чанарыг ашиглан дээрх аргаас гадна та энэ товчлуурын харьяалагдах хэлбэрийн шинж чанарыг ашиглаж болно. Холбогдох функцын дуудлагыг маягтын tag-ийн onsubmit шинж чанар дотор хийж болно. Жишээлбэл:
Алхам 4
Хэрэв товчлуур нь хэлбэрийн элемент биш, зөвхөн график элемент (img tag) байвал түүний стандартууд нь onclick шинж чанарыг ашиглахыг зөвшөөрдөг. Жишээлбэл:
Алхам 5
Хэрэв товчлуур нь гипер холболт бол та товчлуурын шинж чанаруудыг өөрөө ашиглах ёсгүй бөгөөд холбоосын шинж чанарыг ашиглах нь дээр. Та өмнөх сонголтуудын адил onclick тагийг ашиглаж болно. Жишээлбэл: Мөн href шинж чанар дахь хаягийг функцын дуудлагаар сольж болно. Жишээ нь:
