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.
"Perilaku" adalah komponen sederhana dan mudah digunakan yang merangkum fungsi atau tindakan tertentu pada halaman. Ketika "perilaku" dilampirkan pada komponen di halaman web, perilaku asli komponen akan berubah. Oleh karena itu, pemrogram web dapat mengembangkan instruksi DHTML umum dan mengubah beberapa properti dari objek asli, menggunakan "perilaku" untuk meningkatkan fungsi suatu objek, dan menyederhanakan kode HTML halaman. Selain itu, penciptaan dan penggunaan "perilaku" juga sangat sederhana dan nyaman, dan pengetahuan yang diperlukan hanyalah lembaran gaya CSS, arahan HTML dan bahasa skrip JavaScript yang digunakan. Selama Anda memiliki beberapa pemahaman tentang ini dan memiliki pengalaman pemrograman praktis, tidak ada masalah dalam mempelajari dan menguasai penggunaan "perilaku". Kami akan menggunakan komponen "perilaku" yang mengubah efek font sebagai contoh untuk menggambarkan cara menulis dan menggunakan "perilaku" dan mengalami keuntungan dan kemudahan yang dibawa "perilaku" ke pengeditan halaman.
Pertama, buat file teks baru bernama font_efftce.htc. File yang membentuk komponen "perilaku" semuanya dengan .htc sebagai ekstensi. Konten dalam file ini adalah deskripsi kami tentang "perilaku" ini. Langkah -langkah penciptaan dan penggunaannya adalah sebagai berikut:
(1) Pertama -tama tambahkan beberapa respons acara untuk "perilaku" ini. Format penulisan pernyataan adalah sebagai berikut:
<Public: attachEvent = "onmouseover" onevent = "glowit ()"/>
<Public: attachEvent = "onmouseout" onevent = "noglow ()"/>
<Public: attachEvent = "onmousedown" onevent = "font2yellow ()"/>
<Public: attachEvent = "onMouseUp" onevent = "font2blue ()"/>
"Acara" sesuai dengan nama acara yang diperlukan, berikut adalah: Onmouseover, Onmouseout, Onmousedown, dan OnmouseUp. Tentu saja, Anda dapat menambahkan nama acara lain untuk memenuhi kebutuhan spesifik Anda. "OneVent" sesuai dengan pegangan acara, yaitu nama fungsi yang disebut ketika acara dipicu. Fungsi Glowit () menyebabkan cahaya merah dihasilkan di sekitar font. Fungsi noglow () menghilangkan efek cahaya font. Fungsi font2Yellow () mengubah warna font menjadi kuning. Fungsi font2blue () mengubah warna font menjadi biru. Definisi keempat acara semuanya serupa.
(2) Selanjutnya, tambahkan dua definisi "metode" ke "perilaku" ini, sebagai berikut.
<Public: methodName = "move_down"/>
<Public: methodName = "moving_right"/>