ก่อนที่จะเปิดตัวเบราว์เซอร์ IE5.0 ของ Microsoft ความท้าทายที่ยิ่งใหญ่ที่สุดในการเขียนโปรแกรมเว็บคือมันไม่ใช่เรื่องง่ายที่จะสร้างส่วนประกอบเพื่อให้บรรลุวัตถุประสงค์ของการใช้รหัสซ้ำและการแบ่งปันหลายหน้า ปัญหานี้ได้รับการรบกวนจากโปรแกรมเมอร์เว็บใน DHTML (Dynamic HEML) พวกเขาสามารถทำซ้ำรหัส HTML, CSS และ JavaScript เพื่อตอบสนองฟังก์ชั่นซ้ำหรือฟังก์ชั่นที่คล้ายกันในหลาย ๆ หน้า สถานการณ์นี้ได้รับการปรับปรุงตั้งแต่เปิดตัวเบราว์เซอร์ IE5.0 มันทำให้เรามีวิธีการรวมคำสั่งใหม่ที่สามารถห่อหุ้มรหัสที่ใช้ฟังก์ชั่นเฉพาะในองค์ประกอบเดียวดังนั้นจึงตระหนักถึงการใช้รหัสหลายหน้าซ้ำและนำการเขียนโปรแกรมเว็บเข้าสู่โลกใหม่ทั้งหมด เทคโนโลยีใหม่นี้คือ "พฤติกรรม" ใน DHTML ที่เราจะพูดถึง
นี่คือตัวอย่างเล็ก ๆ ที่ฉันทำ:
font_effect.htc
รหัสมีดังนี้:
- - - -
// เพิ่มเหตุการณ์เมาส์สี่รายการใน "พฤติกรรม"
<สาธารณะ: ettionEvent = "onMouseOver" oneVent = "glowit ()"/>>>
<สาธารณะ: ettionEvent = "onMouseOut" oneVent = "noglow ()"/>>>
<สาธารณะ: ettionEvent = "onMousedown" oneVent = "font2yellow ()"/>
<สาธารณะ: ettionEvent = "onMouseUp" oneVent = "font2blue ()"/>
// กำหนดสองวิธีสำหรับ "พฤติกรรม" โปรดทราบว่าไม่สามารถเพิ่มค่าชื่อด้วยวงเล็บ
<สาธารณะ: methodName = "move_down"/>>>
<สาธารณะ: methodName = "move_right"/>>
<scriptLanguage = "jscript">
// กำหนดตัวแปรที่บันทึกสีของตัวอักษร
varfont_color;
// กำหนดวิธีการย้ายข้อความลง
functionmove_down ()
-
Element.style.postop+= 10;
-
// กำหนดวิธีการย้ายข้อความไปทางขวา
functionmove_right ()
-
Element.style.posleft+= 10;
-
// กำหนดฟังก์ชั่นการโทรของเหตุการณ์เมาส์ onmouseup
FunctionFont2Blue ()
-
if (event.srcelement == องค์ประกอบ)
-
Element.style.color = "Blue";
-
-
// กำหนดฟังก์ชั่นการโทรของเหตุการณ์ Onmousedown ของเมาส์
functionfont2yellow ()
-
if (event.srcelement == องค์ประกอบ)
-
Element.style.color = "Yellow";
-
-
// กำหนดฟังก์ชั่นการโทรของเหตุการณ์ Mouse OnMouseOver
functionglowit ()
-
if (event.srcelement == องค์ประกอบ)