HTC组件简单实践

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 ,很简单

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值