انتقل إلى محتوى الدرس

Bridge Toward Clean DOM Listeners التمهيد لمستمعات DOM الحديثة

اربط دوال JavaScript بتفاعلات المستخدم الحية عبر onclick وأحداث مرور الفأرة والكتابة الفورية oninput وجاهزية الصفحة onload تمهيداً لاحتراف شجرة DOM.
4 صفوف تعليمية
جافا سكريبت
5,684 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

رغم بساطة سمات HTML المضمنة مثل onclick="..." في الأمثلة التمهيدية، تفصل المشاريع الاحترافية هيكل HTML عن سلوك JavaScript تماماً؛ لأن السمات المضمنة تتطلب دوال في النطاق العام وتخالف سياسات الأمان الصارمة (CSP). وفي الفصل التاسع القادم ستتقن التعامل الشامل مع شجرة DOM تمهيداً لاحتراف المستمع القياسي الحديث addEventListener في الفصل العاشر!

الصف 2 ملاحظة هامة
الصف 3 ملاحظة هامة
الصف 4 ملاحظة هامة
خلاصة المعرفة ومحطة الانتقال

ملخص الدرس

حصاد الدرس

مراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي

ماذا تعلّمت في هذا الدرس؟

ربطت في ختام فصل الدوال دوالك البرمجية بأحداث التفاعل الحية عبر onclick وأحداث المؤشر والكتابة الفورية oninput وجاهزية الصفحة onload، وأدركت مزايا فصل معالجات الأحداث عن وسوم HTML. الخطوة التالية: ابدأ الفصل التاسع بدرس «نموذج كائن المستند DOM في JavaScript» لاكتشاف كيف يبني المتصفح شجرة العناصر الحية بالذاكرة.