HTC组件是个好东西 可以让 HTML,JavaScript 面向对象编程,简单实践了一下,挺好用,HTC组件 可以用静态 和 动态 实例化 ,使用简单方便,功能强大,对实现 AJAX 提供了又一非常好的途径,
htc1.htc
<html><head>
<PUBLIC:COMPONENT tagName="htc12">
<!--属性定义-->
<PUBLIC:PROPERTY name="tatus" VALUE="on" />
<!--定义事件-->
<PUBLIC:EVENT id="eveid" name="onevename" />
<!--定义方法-->
<PUBLIC:METHOD name="expandCollapse" />
<!--关联客户端事件-->
<PUBLIC:ATTACH EVENT="oncontentready" ONEVENT="initialize()"/>
</PUBLIC:COMPONENT>
<!-- htc脚本 -->
<script language="javascript">
//htc初始化代码 必不可少
function initialize()
{
defaults.viewLink=document;//必不可少
}
//响应用户鼠标事件的方法
function expandCollapse()
{
alert("htc属性tatus:"+tatus);
}
function eves()
{
var oEvent=createEventObject();
oEvent.val="htc内部事件";
eveid.fire(oEvent);
// alert();
}
</script>
</head>
<body>
<input type=button value="htcbutton" onclick="eves();" />
</body>
</html>
htc1.htm
<HTML xmlns:gamesww >
<HEAD>
<?IMPORT namespace="gamesww" implementation="htc1.htc" />
</HEAD>
<BODY>
<gamesww:htc12 tatus="ddddd" onevename="ttt()" id="sdsd"></gamesww:htc12>
<p>
<input type=button value="htmlbutton 调用静态htc组件函数" onclick="document.all.sdsd.expandCollapse();" >
<input type=button value="htmlbutton1 调用动态htc组件函数" onclick="t.expandCollapse();" >
</BODY>
<script>
///////////////////
var t=document.createElement("gamesww:htc12");
t.tatus="jjjjjjjjjjj"
////////////////////////////////////////
function ttt()
{
alert(event.val);
}
</script>
</HTML>
其实 HTC 组件的写法 就是在 普通HTML页面里加上一些特殊标记,再把文件名后缀 htm 改为 htc ,很简单