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.blogjava.net/simmons/">看看作者的博客</a>
<UL>
<LI>其实我们可以做的更多！</LI>
<LI>Dynamic HTML</LI>
</UL>
</body>
</html>
4、例子终了。
--------------------------------混个县---------------------------------
这样我们能看到一个静态页面实现了类似于过滤器的功能。o(∩_∩)o 哈哈。
感谢您的阅读，祝您心情愉快。
posted on 2010-11-08 16:12
三角形 阅读(70)
评论(0) 编辑 收藏