HTC教程
2024-08-26 00:15:53
供稿：網(wǎng)友
在微軟IE 5.0版本的瀏覽器發(fā)布以前，網(wǎng)頁編程中面對(duì)的最大挑戰(zhàn)就是不能輕易地創(chuàng)建組件，以達(dá)到代碼重用和多頁面共享的目的。這個(gè)問題一直困擾著DHTML（動(dòng)態(tài) HEML）的網(wǎng)頁編程者。他們只能不斷地重復(fù)書寫HTML、CSS和javascript的代碼，以滿足多個(gè)頁面上的重復(fù)或相似的功能。自IE 5.0瀏覽器發(fā)布后，這種情況得到了改善，它帶給我們一個(gè)新的指令組合方法，可把實(shí)現(xiàn)特定功能的代碼封裝在一個(gè)組件內(nèi)，從而實(shí)現(xiàn)多頁面的代碼重用，使網(wǎng)頁編程進(jìn)入一個(gè)全新的天地。這個(gè)新的技術(shù)就是我們要談到的DHTML中的“行為”（Behaviors）。
“行為”作為一個(gè)簡單易用的組件，它封裝了頁面上特定的功能或動(dòng)作。當(dāng)把一個(gè)“行為”附到WEB頁面中的一個(gè)元件上時(shí)，這個(gè)元件的原有行為就會(huì)有所改變。因此，網(wǎng)頁編程者可以開發(fā)通用的DHTML指令，并改變?cè)袑?duì)象的一些屬性，用“行為”來增強(qiáng)一個(gè)對(duì)象的功能，同時(shí)也簡化了頁面的HTML代碼。而且“行為”的創(chuàng)建和使用也非常簡單方便，所需的知識(shí)也只是原來已經(jīng)習(xí)慣使用的CSS樣式表、HTML指令和javascript腳本語言。只要你對(duì)此有所了解，有過實(shí)際編程的經(jīng)歷，學(xué)習(xí)并掌握“行為”的使用完全沒有問題。我們將以一個(gè)改變字體效果的“行為”組件為例來說明如何編寫和使用一個(gè)“行為”，并體驗(yàn)“行為”給頁面編輯帶來的優(yōu)點(diǎn)和方便之處。
首先新建一個(gè)名為font_efftce.htc的文本文件，組成“行為”組件的文件都是以.htc為擴(kuò)展名，這個(gè)文件中的內(nèi)容就是我們對(duì)這個(gè)“行為”的描述。它的創(chuàng)建和使用步驟如下：
（1）首先給這個(gè)“行為”增加幾個(gè)事件響應(yīng)，語句書寫格式如下：
< PUBLIC:ATTACH EVENT="onmouseover" ONEVENT="glowit()" / >
< PUBLIC:ATTACH EVENT="onmouseout" ONEVENT="noglow()" / >
< PUBLIC:ATTACH EVENT="onmousedown" ONEVENT="font2yellow()" / >
< PUBLIC:ATTACH EVENT="onmouseup" ONEVENT="font2blue()" / >
“EVENT”對(duì)應(yīng)所需事件名，在這里分別為：onmouseover,onmouseout,onmousedown,onmouseup四個(gè)事件名，你當(dāng)然可以再增加其它的事件名來滿足你的特定需求。“ONEVENT”對(duì)應(yīng)著個(gè)自的事件句柄，即事件觸發(fā)時(shí)所調(diào)用的函數(shù)名稱。glowit()函數(shù)使字體周圍產(chǎn)生一個(gè)紅色的輝光。noglow()函數(shù)是消除字體的輝光效果。Font2yellow()函數(shù)是把字體顏色改為黃色。Font2blue()函數(shù)是把字體顏色改為藍(lán)色。四個(gè)事件的定義都是相似的。
（2）接下來，再給這個(gè)“行為”增加二個(gè)“方法”定義，內(nèi)容如下。
< PUBLIC:METHOD NAME="move_down" / >
< PUBLIC:METHOD NAME="move_right" / >
