قبل إصدار متصفح IE5.0 من Microsoft ، كان التحدي الأكبر في برمجة الويب أنه لم يكن من السهل إنشاء مكونات لتحقيق الغرض من إعادة استخدام التعليمات البرمجية ومشاركة متعددة الصفحات. كانت هذه المشكلة تصيب مبرمجين ويب في DHTML (HEML الديناميكي). يمكنهم فقط تكرار كود HTML و CSS و JavaScript لتلبية وظائف مكررة أو مماثلة على صفحات متعددة. تم تحسين هذا الموقف منذ إطلاق متصفح IE5.0. إنه يجلب لنا طريقة توليفة تعليمية جديدة يمكنها تغليف التعليمات البرمجية التي تنفذ وظائف محددة في مكون واحد ، وبالتالي تحقيق إعادة استخدام التعليمات البرمجية متعددة الصفحات وجلب برمجة الويب إلى عالم جديد بالكامل. هذه التكنولوجيا الجديدة هي "السلوكيات" في DHTML التي سنتحدث عنها.
"السلوك" هو مكون بسيط وسهل الاستخدام يغلف وظائف أو إجراءات محددة على الصفحة. عند إرفاق "سلوك" بمكون في صفحة الويب ، سيتغير السلوك الأصلي للمكون. لذلك ، يمكن لمبرمجي الويب تطوير تعليمات DHTML الشائعة وتغيير بعض خصائص الكائن الأصلي ، واستخدام "السلوك" لتعزيز وظيفة كائن ، وتبسيط رمز HTML في الصفحة. علاوة على ذلك ، فإن إنشاء واستخدام "السلوك" بسيط للغاية ومريح للغاية ، والمعرفة المطلوبة هي فقط أوراق نمط CSS وتوجيهات HTML ولغات جافا سكريبت التي كانت تستخدم. طالما أن لديك بعض الفهم لهذا وكان لديك خبرة عملية في البرمجة ، لا توجد مشكلة في تعلم وإتقان استخدام "السلوك". سنستخدم مكون "سلوك" يغير تأثير الخطوط كمثال لتوضيح كيفية كتابة واستخدام "سلوك" وتجربة المزايا والراحة التي يجلبها "السلوك" إلى تحرير الصفحات.
أولاً ، قم بإنشاء ملف نصي جديد يسمى font_efftce.htc. الملفات التي تشكل مكون "السلوك" كلها مع .htc كملحق. المحتوى في هذا الملف هو وصفنا لهذا "السلوك". خطوات إنشاءها واستخدامها هي كما يلي:
(1) أضف أولاً عدة ردود الحدث على هذا "السلوك". تنسيق كتابة البيان كما يلي:
<public: anclesevent = "onMouseover" onevent = "glowit ()"/>
<public: anclesevent = "onMouseout" onevent = "noglow ()"/>
<public: anclesevent = "onmousedown" onevent = "font2yellow ()"/>
<public: anclesevent = "onMouseup" onevent = "font2Blue ()"/>
يتوافق "الحدث" مع أسماء الأحداث المطلوبة ، وهنا: OnMouseover ، OnMouseout ، Onmousedown ، و OnMouseup. بالطبع ، يمكنك إضافة أسماء الأحداث الأخرى لتلبية احتياجاتك المحددة. يتوافق "Onevent" مع مقبض الأحداث ، أي اسم الوظيفة المسمى عندما يتم تشغيل الحدث. تسبب وظيفة glowit () توهج أحمر لتوليد حول الخط. دالة Noglow () تلغي تأثير توهج الخطوط. تعمل وظيفة Font2yellow () على تغيير لون الخط إلى اللون الأصفر. تعمل وظيفة FONT2BLUE () على تغيير لون الخط إلى الأزرق. تعاريف الأحداث الأربعة كلها متشابهة.
(2) بعد ذلك ، أضف تعريفتين "تعريفين" لهذا "السلوك" ، على النحو التالي.
<public: methodname = "move_down"/>
<public: methodname = "move_right"/>