HTC是 HTML Component 的縮寫，是 IE5.0 的主要擴展之一，除了具備一般組件的可重用優點之外，還具有易于開發使用等優點。
HTML 組件(HTCs)在腳本中作為動態 HTML(DHTML) 行為為工具組件提供機制。HTC 是一種 HTML 文件，它包含腳本和一組 HTC －－可以定義組件的特殊元素，以 .htc 為后綴名。這里列出了這些元素和它們所支持的部分。HTC所支持的對象如表2.5.1.1所示，支持的方法如表2.5.1.2所示，支持的事件如表2.5.1.3所示。
HTC對象
對象說明
document表示在給定的瀏覽器窗口中的HTML文檔
element返回一個附加在行為上的主文檔中的標簽參考(可以省略)
PUBLIC:ATTACH綁定函數到事件中，使函數響應指定對象上的事件
PUBLIC:COMPONENT識別HTC文件的內容
PUBLIC:DEFAULTS設置 HTC 的默認屬性
PUBLIC:EVENT給包含文檔顯式定義一個 HTC 事件
PUBLIC:METHOD給包含文檔顯式定義一個 HTC 方法
PUBLIC:PROPERTY給包含文檔顯式定義一個 HTC 屬性
HTC方法
方法說明
createEventObject創建一個事件對象，當把短暫事件的環境信息傳送到PUBLIC:EVENT元素的發生方式中時，可以使用這個對象
HTC事件
事件說明
oncontentready當行為所附著的元素被完全解析時觸發
oncontentsave當附加在一個元素行為的上的元素內容被保存或者復制之前觸發
ondetach當行為和元素分離時觸發
ondocumentready當行為的包含文檔被完全解析時觸發
-----------------------------混個縣------------------------
下面簡單實現一個HTC的小例子。
1、創建文件
<PUBLIC:ATTACH EVENT="onmouseover" ONEVENT="Hilite()" />
<PUBLIC:ATTACH EVENT="onmouseout" ONEVENT="Restore()" />
<SCRIPT LANGUAGE="JScript">
var normalColor = runtimeStyle.color;
function Hilite()
{
runtimeStyle.color = "red";
}
function Restore()
{
runtimeStyle.color = normalColor;
}
</SCRIPT>
</PUBLIC:COMPONENT>
2、創建CSS文件
LI {}{behavior:url(test.htc)}
3、創建靜態頁面HTML
<html>
<HEAD>
<link href="./test.css" rel="stylesheet" type="text/css"></link>
</HEAD>
<body>
<P>鼠標移動到文字上方會變成紅色，離開則還原。 <a href="http://www.tkk7.com/simmons/">看看作者的博客</a>
<UL>
<LI>其實我們可以做的更多！</LI>
<LI>Dynamic HTML</LI>
</UL>
</body>
</html>
4、例子終了。
--------------------------------混個縣---------------------------------
這樣我們能看到一個靜態頁面實現了類似于過濾器的功能。o(∩_∩)o 哈哈。
感謝您的閱讀，祝您心情愉快。
posted on 2010-11-08 16:12
三角形 閱讀(70)
評論(0) 編輯 收藏