ก่อนที่จะเปิดตัวเบราว์เซอร์ IE5.0 ของ Microsoft ความท้าทายที่ยิ่งใหญ่ที่สุดในการเขียนโปรแกรมเว็บคือมันไม่ใช่เรื่องง่ายที่จะสร้างส่วนประกอบเพื่อให้บรรลุวัตถุประสงค์ของการใช้รหัสซ้ำและการแบ่งปันหลายหน้า ปัญหานี้ได้รับการรบกวนจากโปรแกรมเมอร์เว็บใน DHTML (Dynamic HEML) พวกเขาสามารถทำซ้ำรหัส HTML, CSS และ JavaScript เพื่อตอบสนองฟังก์ชั่นซ้ำหรือฟังก์ชั่นที่คล้ายกันในหลาย ๆ หน้า สถานการณ์นี้ได้รับการปรับปรุงตั้งแต่เปิดตัวเบราว์เซอร์ IE5.0 มันทำให้เรามีวิธีการรวมคำสั่งใหม่ที่สามารถห่อหุ้มรหัสที่ใช้ฟังก์ชั่นเฉพาะในองค์ประกอบเดียวดังนั้นจึงตระหนักถึงการใช้รหัสหลายหน้าซ้ำและนำการเขียนโปรแกรมเว็บเข้าสู่โลกใหม่ทั้งหมด เทคโนโลยีใหม่นี้คือ "พฤติกรรม" ใน DHTML ที่เราจะพูดถึง
"พฤติกรรม" เป็นส่วนประกอบที่ง่ายและใช้งานง่ายที่สรุปฟังก์ชั่นหรือการกระทำเฉพาะในหน้า เมื่อ "พฤติกรรม" ติดอยู่กับส่วนประกอบในหน้าเว็บพฤติกรรมดั้งเดิมของส่วนประกอบจะเปลี่ยนไป ดังนั้นโปรแกรมเมอร์เว็บสามารถพัฒนาคำแนะนำ DHTML ทั่วไปและเปลี่ยนคุณสมบัติบางอย่างของวัตถุต้นฉบับใช้ "พฤติกรรม" เพื่อปรับปรุงการทำงานของวัตถุและทำให้รหัส HTML ง่ายขึ้นของหน้า ยิ่งไปกว่านั้นการสร้างและการใช้ "พฤติกรรม" นั้นง่ายและสะดวกมากและความรู้ที่จำเป็นนั้นเป็นเพียงแผ่นสไตล์ CSS คำสั่ง HTML และภาษาสคริปต์ JavaScript ที่ใช้ ตราบใดที่คุณมีความเข้าใจในเรื่องนี้และมีประสบการณ์การเขียนโปรแกรมที่ใช้งานได้จริงไม่มีปัญหาในการเรียนรู้และเรียนรู้การใช้ "พฤติกรรม" เราจะใช้องค์ประกอบ "พฤติกรรม" ที่เปลี่ยนแปลงผลกระทบของแบบอักษรเป็นตัวอย่างเพื่อแสดงวิธีการเขียนและใช้ "พฤติกรรม" และสัมผัสกับข้อดีและสิ่งอำนวยความสะดวกที่ "พฤติกรรม" นำมาสู่การแก้ไขหน้า
ขั้นแรกให้สร้างไฟล์ข้อความใหม่ชื่อ FONT_EFFTCE.HTC ไฟล์ที่ประกอบขึ้นเป็นส่วนประกอบ "พฤติกรรม" ทั้งหมดด้วย. htc เป็นส่วนขยาย เนื้อหาในไฟล์นี้เป็นคำอธิบายของเราเกี่ยวกับ "พฤติกรรม" นี้ ขั้นตอนการสร้างและการใช้งานมีดังนี้:
(1) เพิ่มการตอบสนองเหตุการณ์หลายครั้งก่อน "พฤติกรรม" นี้ รูปแบบการเขียนคำสั่งมีดังนี้:
<สาธารณะ: ettionEvent = "onMouseOver" oneVent = "glowit ()"/>>>
<สาธารณะ: ettionEvent = "onMouseOut" oneVent = "noglow ()"/>>>
<สาธารณะ: ettionEvent = "onMousedown" oneVent = "font2yellow ()"/>
<สาธารณะ: ettionEvent = "onMouseUp" oneVent = "font2blue ()"/>
"เหตุการณ์" สอดคล้องกับชื่อเหตุการณ์ที่ต้องการนี่คือ: OnMouseOver, OnMouseOut, OnMousedown และ OnMouseUp แน่นอนคุณสามารถเพิ่มชื่อเหตุการณ์อื่น ๆ เพื่อตอบสนองความต้องการเฉพาะของคุณ "OneVent" สอดคล้องกับการจัดการเหตุการณ์นั่นคือชื่อของฟังก์ชั่นที่เรียกว่าเมื่อเหตุการณ์ถูกทริกเกอร์ ฟังก์ชั่น Glowit () ทำให้เกิดแสงสีแดงรอบตัวอักษร ฟังก์ชั่น noglow () กำจัดผลการเรืองแสงของแบบอักษร ฟังก์ชั่น Font2yellow () เปลี่ยนสีตัวอักษรเป็นสีเหลือง ฟังก์ชั่น Font2Blue () เปลี่ยนสีตัวอักษรเป็นสีน้ำเงิน คำจำกัดความของเหตุการณ์ทั้งสี่นั้นคล้ายกันทั้งหมด
(2) ถัดไปเพิ่มคำจำกัดความ "วิธีการ" สองคำลงใน "พฤติกรรม" นี้ดังนี้
<สาธารณะ: methodName = "move_down"/>>>
<สาธารณะ: methodName = "move_right"/>>