تُستخدم الأزرار الموجودة في صفحات الويب لتوفير تجربة مستخدم تفاعلية. كقاعدة عامة ، إذا كانت الاستجابة لنقرة زر لا تتطلب إرسال البيانات إلى الخادم ، فسيتم تنفيذ التفاعل باستخدام برامج JavaScript النصية. قد تختلف طرق استدعاء كود JavaScript المقابل - فيما يلي العديد من الخيارات الممكنة للأزرار من أنواع مختلفة.
تعليمات
الخطوة 1
إذا تم تنظيم عرض الزر في صفحة الويب باستخدام علامة الزر ، فيمكن وضع شفرة JavaScript في سمة onclick. على سبيل المثال ، مثل هذا: button بالطبع ، لا يُنصح بوضع رمز كبير بما يكفي مباشرةً في علامة الزر - من الأفضل تصميمه كوظيفة ، ووضع رمز استدعاء هذه الوظيفة فقط في سمة onclick. على سبيل المثال:
وظيفة showAlert () {
تنبيه ("تم النقر فوق الزر!")
}
زر
الخطوة 2
إذا تم عرض الزر من خلال أحد أشكال علامة الإدخال (إرسال أو إعادة تعيين أو زر أو صورة) ، فيمكن استخدام سمة onclick نفسها. على سبيل المثال ، بالنسبة لزر لمسح حقول النموذج (إعادة التعيين) ، قد يبدو الرمز كما يلي: إذا كنت تريد تنفيذ JavaScript فقط عند النقر فوق الزر ، ولم يحدث الإجراء الافتراضي ، فقم بإضافة الأمر return إلى وظيفة أو مباشرة إلى السمة onclick خطأ. على سبيل المثال:
الخطوه 3
إذا كنت بحاجة إلى تنظيم رد على النقر فوق زر من نوع الإرسال ، فبالإضافة إلى الطريقة المذكورة أعلاه باستخدام سمة onclick ، يمكنك استخدام خصائص علامة النموذج التي ينتمي إليها هذا الزر. يمكن وضع استدعاء الوظيفة المقابل في سمة onsubmit لعلامة النموذج. على سبيل المثال:
الخطوة 4
إذا لم يكن الزر عنصر نموذج ، ولكنه مجرد عنصر رسومي (علامة img) ، فإن المعايير الخاصة به تسمح أيضًا باستخدام سمة onclick. على سبيل المثال:
الخطوة الخامسة
إذا كان الزر عبارة عن ارتباط تشعبي ، فيجب ألا تستخدم سمات الزر نفسه ؛ فمن الأفضل استخدام خصائص علامة الارتباط. يمكنك ، كما في الخيارات السابقة ، استخدام علامة onclick. على سبيل المثال: ويمكنك استبدال العنوان الموجود في السمة href باستدعاء دالة. على سبيل المثال ، مثل هذا:
