Sebelum rilis browser IE5.0 Microsoft, tantangan terbesar dalam pemrograman web adalah tidak mudah untuk membuat komponen untuk mencapai tujuan penggunaan kembali kode dan berbagi multi-halaman. Masalah ini telah mengganggu pemrogram web dalam DHTML (Dynamic Heml). Mereka hanya dapat mengulangi kode HTML, CSS, dan JavaScript untuk memenuhi duplikat atau fungsi serupa pada beberapa halaman. Situasi ini telah ditingkatkan sejak rilis browser IE5.0. Ini membawa kita metode kombinasi instruksi baru yang dapat merangkum kode yang mengimplementasikan fungsi spesifik dalam satu komponen, sehingga mewujudkan penggunaan kembali kode multi-halaman dan membawa pemrograman web ke dunia yang sama sekali baru. Teknologi baru ini adalah "perilaku" dalam DHTML yang akan kita bicarakan.
Berikut adalah contoh kecil yang saya lakukan:
font_effect.htc
Kodenya adalah sebagai berikut:
/////////////////////////////////////////////////////////////// ////////////////////////////////////////////////////////////////
// Tambahkan empat acara tikus ke "perilaku"
<Public: attachEvent = "onmouseover" onevent = "glowit ()"/>
<Public: attachEvent = "onmouseout" onevent = "noglow ()"/>
<Public: attachEvent = "onmousedown" onevent = "font2yellow ()"/>
<Public: attachEvent = "onMouseUp" onevent = "font2blue ()"/>
// Tentukan dua metode untuk "perilaku", perhatikan bahwa nilai nama tidak dapat ditambahkan dengan tanda kurung
<Public: methodName = "move_down"/>
<Public: methodName = "moving_right"/>
<scriptLanguage = "jscript">
// Tentukan variabel yang menghemat warna font
varfont_color;
// Tentukan metode untuk memindahkan teks ke bawah
functionMove_Down ()
{
element.style.postop+= 10;
}
// Tentukan metode pemindahan teks ke kanan
functionmove_right ()
{
element.style.posleft+= 10;
}
// Tentukan fungsi panggilan dari acara OnmouseUp Mouse
functionFont2blue ()
{
if (event.srcelement == elemen)
{
element.style.color = "biru";
}
}
// Tentukan fungsi panggilan dari acara Onmousedown tikus
functionfont2yellow ()
{
if (event.srcelement == elemen)
{
element.style.color = "yellow";
}
}
// Tentukan fungsi panggilan dari acara Onmouseover Mouse
functionglowit ()
{
if (event.srcelement == elemen)