Veb səhifələrindəki düymələr interaktiv istifadəçi təcrübəsi təmin etmək üçün istifadə olunur. Bir qayda olaraq, bir düyməni vurmağa cavab serverə məlumat göndərməyi tələb etmirsə, qarşılıqlı əlaqə JavaScript skriptlərindən istifadə etməklə həyata keçirilir. Müvafiq JavaScript kodunu çağırma üsulları fərqli ola bilər - aşağıda müxtəlif növ düymələr üçün bir neçə mümkün seçim verilmişdir.
Təlimat
Addım 1
Bir veb səhifədəki bir düymənin göstərilməsi düymə etiketindən istifadə edilərsə, JavaScript kodu onclick atributuna yerləşdirilə bilər. Məsələn, bu kimi: düymə Əlbətdə, kifayət qədər böyük kodu birbaşa düymə etiketinə qoymaq məsləhət deyil - onu bir funksiya kimi dizayn etmək və yalnız bu funksiyanı onclick atributuna çağırmaq üçün kodu qoymaq daha yaxşıdır. Misal üçün:
function showAlert () {
xəbərdarlıq ('Düymə vuruldu!')
}
düyməsini basın
Addım 2
Düymə giriş etiketi dəyişikliyindən biri (təqdim etmə, yenidən qurma, düymə və ya şəkil) ilə göstərilirsə, eyni onclick atributundan istifadə edilə bilər. Məsələn, forma sahələrini təmizləmək üçün bir düymə üçün (sıfırlama) kod belə görünə bilər: Düymə vurulduqda yalnız JavaScript-in yerinə yetirilməsini istəyirsinizsə və standart əməliyyat baş verməsə, geri əmrini əlavə edin funksiyası və ya birbaşa onclick xüsusiyyətinə aiddir. Misal üçün:
Addım 3
Göndərmə tipindəki bir düyməni basmaq üçün bir cavab təşkil etməlisinizsə, onclick atributundan istifadə edərək yuxarıdakı metoddan əlavə, bu düymənin aid olduğu forma etiketinin xüsusiyyətlərindən də istifadə edə bilərsiniz. Müvafiq funksiya çağırışı forma etiketinin onsubmit atributuna yerləşdirilə bilər. Misal üçün:
Addım 4
Düymə bir form elementi deyil, yalnız bir qrafik elementidirsə (img etiketi), bunun üçün standartlar da onclick atributundan istifadə etməyə imkan verir. Misal üçün:
Addım 5
Düymə köprüdürsə, düymənin öz atributlarından istifadə etməməlisiniz; əlaqə etiketinin xüsusiyyətlərindən istifadə etmək daha yaxşıdır. Əvvəlki seçimlərdə olduğu kimi onclick etiketindən istifadə edə bilərsiniz. Məsələn: Və href atributundakı ünvanı funksiya çağırışı ilə əvəz edə bilərsiniz. Məsələn, bu kimi:
