Веб-беттердегі батырмалар пайдаланушының интерактивті тәжірибесін қамтамасыз ету үшін қолданылады. Әдетте, егер батырманы басу үшін жауап серверге деректерді жіберуді қажет етпейтін болса, онда өзара әрекеттесу JavaScript сценарийлерінің көмегімен жүзеге асырылады. Тиісті JavaScript кодын шақыру әдістері әр түрлі болуы мүмкін - төменде әртүрлі типтегі батырмалардың бірнеше нұсқалары келтірілген.
Нұсқаулық
1-қадам
Егер веб-парақтағы батырманы көрсету батырма тегінің көмегімен ұйымдастырылса, онда JavaScript кодын onclick атрибутына орналастыруға болады. Мысалы, мына сияқты: батырма Әрине, батырма тегіне жеткілікті үлкен кодты қою дұрыс емес - оны функция ретінде құрастырып, тек onclick атрибутына осы функцияны шақыруға арналған кодты ғана қою керек. Мысалға:
showAlert () функциясы {
ескерту ('Түйме басылды!')
}
батырмасы
2-қадам
Егер батырма енгізу тегінің вариацияларының бірі арқылы көрсетілсе (жіберу, қалпына келтіру, батырма немесе сурет), онда сол onclick атрибутын пайдалануға болады. Мысалы, форма өрістерін тазарту батырмасы үшін (ысыру) код келесідей болуы мүмкін: Егер сіз батырма басылған кезде тек JavaScript орындалуын қаласаңыз және әдепкі әрекет орындалмаса, қайтару пәрменін функциясы немесе onclick атрибутына тікелей жалған. Мысалға:
3-қадам
Егер сізге жіберу түріндегі батырманы басуға жауап ұйымдастыру қажет болса, онда onclick атрибутын қолданып, жоғарыда аталған әдіске қосымша, сіз осы батырма тиесілі форма тегінің қасиеттерін пайдалана аласыз. Сәйкес функционалдық шақыруды форма тегінің onsubmit атрибутына орналастыруға болады. Мысалға:
4-қадам
Егер батырма форма элементі емес, тек графикалық элемент болса (img тегі), онда оған арналған стандарттар да onclick атрибутын пайдалануға мүмкіндік береді. Мысалға:
5-қадам
Егер батырма еренсілтеме болса, онда батырманың атрибуттарын пайдаланбау керек, сілтеме тегінің қасиеттерін қолданған дұрыс. Сіз алдыңғы параметрлердегідей onclick тегін қолдана аласыз. Мысалы: және сіз href атрибутындағы мекен-жайды функциялық шақырумен ауыстыра аласыз. Мысалы, келесідей:
