قبل إصدار متصفح IE5.0 من Microsoft ، كان التحدي الأكبر في برمجة الويب أنه لم يكن من السهل إنشاء مكونات لتحقيق الغرض من إعادة استخدام التعليمات البرمجية ومشاركة متعددة الصفحات. كانت هذه المشكلة تصيب مبرمجين ويب في DHTML (HEML الديناميكي). يمكنهم فقط تكرار كود HTML و CSS و JavaScript لتلبية وظائف مكررة أو مماثلة على صفحات متعددة. تم تحسين هذا الموقف منذ إطلاق متصفح IE5.0. إنه يجلب لنا طريقة توليفة تعليمية جديدة يمكنها تغليف التعليمات البرمجية التي تنفذ وظائف محددة في مكون واحد ، وبالتالي تحقيق إعادة استخدام التعليمات البرمجية متعددة الصفحات وجلب برمجة الويب إلى عالم جديد بالكامل. هذه التكنولوجيا الجديدة هي "السلوكيات" في DHTML التي سنتحدث عنها.
هنا مثال صغير فعلته:
font_effect.htc
الرمز كما يلي:
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// )
// أضف أربعة أحداث الماوس إلى "السلوك"
<public: anclesevent = "onMouseover" onevent = "glowit ()"/>
<public: anclesevent = "onMouseout" onevent = "noglow ()"/>
<public: anclesevent = "onmousedown" onevent = "font2yellow ()"/>
<public: anclesevent = "onMouseup" onevent = "font2Blue ()"/>
// تحديد طريقتين لـ "السلوك" ، لاحظ أنه لا يمكن إضافة قيمة الاسم بأقواس
<public: methodname = "move_down"/>
<public: methodname = "move_right"/>
<scriptLanguage = "jscript">
// تحديد متغير يحفظ لون الخط
varfont_color ؛
// تحديد طريقة لنقل النص لأسفل
FunctionMove_Down ()
{
element.style.postop+= 10 ؛
}
// تحديد طريقة نقل النص إلى اليمين
FunctionMove_Right ()
{
element.style.posleft+= 10 ؛
}
// تحديد وظيفة استدعاء حدث Mouse OnMouseup
FunctionFont2Blue ()
{
if (event.srclement == element)
{
element.style.color = "Blue" ؛
}
}
// تحديد وظيفة استدعاء حدث Mouse OnMousedown
FunctionFont2yellow ()
{
if (event.srclement == element)
{
element.style.color = "Yellow" ؛
}
}
// تحديد وظيفة استدعاء حدث OnMouseover الماوس
وظيفة growiT ()
{
if (event.srclement == element)