Butonat në faqet e internetit përdoren për të siguruar përvojën interaktive të përdoruesit. Si rregull, nëse përgjigjja ndaj një klikimi të butonit nuk kërkon dërgimin e të dhënave në server, atëherë ndërveprimi zbatohet duke përdorur skriptet JavaScript. Metodat për thirrjen e kodit përkatës JavaScript mund të ndryshojnë - më poshtë janë disa opsione të mundshme për butonat e llojeve të ndryshme.
Udhëzimet
Hapi 1
Nëse shfaqja e një butoni në një faqe në internet është e organizuar duke përdorur etiketën e butonit, atëherë kodi JavaScript mund të vendoset në atributin onclick. Për shembull, si kjo: butoni Sigurisht, nuk këshillohet të vendosni mjaftueshëm kod të madh direkt në etiketën e butonit - është më mirë ta modeloni atë si një funksion dhe të vendosni vetëm kodin për thirrjen e këtij funksioni në atributin onclick. Për shembull:
funksioni showAlert () {
alarm ('Butoni klikoi!')
}
butoni
Hapi 2
Nëse butoni shfaqet përmes një prej variacioneve të etiketës së hyrjes (paraqitja, rivendosja, butoni ose imazhi), atëherë mund të përdoret i njëjti atribut i klikimit. Për shembull, për një buton për të pastruar fushat e formës (rivendosni), kodi mund të duket kështu: Nëse dëshironi që të ekzekutohet vetëm JavaScript kur klikohet butoni, dhe veprimi i parazgjedhur nuk ndodh, atëherë shtoni komandën e kthimit te funksion ose direkt në atributin e onclick false. Për shembull:
Hapi 3
Nëse keni nevojë të organizoni një përgjigje për të klikuar në një buton të llojit të paraqitjes, atëherë, përveç metodës së mësipërme duke përdorur atributin onclick, mund të përdorni vetitë e etiketës së formës së cilës i përket ky buton. Thirrja përkatëse e funksionit mund të vendoset në atributin onsubmit të etiketës së formës. Për shembull:
Hapi 4
Nëse butoni nuk është një element i formës, por vetëm një element grafik (etiketimi img), atëherë standardet për të lejojnë gjithashtu përdorimin e atributit onclick. Për shembull:
Hapi 5
Nëse butoni është një hiperlidhje, atëherë nuk duhet të përdorni atributet e vetë butonit; është më mirë të përdorni vetitë e etiketës së lidhjes. Ju mund, si në opsionet e mëparshme, të përdorni etiketën onclick. Për shembull: Dhe mund ta zëvendësoni adresën në atributin href me një thirrje funksioni. Për shembull, si kjo:
