htc文件

1java技术中有一种文件叫:.htc 这个文件时将js和css有效的封装起来的。
如:<PUBILC:COMPONENT>
<PUBLIC:ATTACH EVENT="onmouseover" ONEVENT="li_mouseover()"/>
<PUBLIC:ATTACH EVENT="onmouseout" ONEVENT="li_mouseout()"/>
<script>
var color_;
function li_mouseover(){
color_=element.style.color;
element.style.color="red";
}

function li_mouseout(){
element.style.color=color_;
}
</script>
</PUBLIC:COMPONENT>


2 htc文件简单的包含两部分:PUBLIC:COMPONENT和SCRIPT两部分。现在只简单的讲解两部分PUBLIC:COMPONENT和SCRIPT。在PUBLIC:COMPOENT中可以增加一些事件,然后为事件赋予函数。
如:<PUBLIC:ATTACH EVENT="onmouseover" ONEVENT="li_mouseover()"/>
就是增加onmouseover事件,然后该事件的处理函数是li_mouseover()


3 在函数中可以设置绑定元素的一些样式或属性。通过element就得到了该属性对象。
如:
首先绑定元素:
<input type="button" id="btn1" name="btn1" value="查询" style="behavior:url('aaa.htc')" />
--这样就让aaa.htc文件专门绑定了按钮btn1该元素。


然后在htc的script中的方法中可以通过element来得到绑定的元素对象:
element.style.color="red";--这就是为该对象的样式中的颜色设置为red。






4 首先要想让jsp中可以成功的加入htc文件。需要在web.xml中增加一些设置。
如:<mime-mapping><extension>htc</extension><mime-type>text/x-component</mime-type></mime-mapping>


5 在jsp中加入htc文件的方法,有两种方法。可以通过style和class来增加
如:style="behavior:url('aaa.htc')"--第一种方法
第二种方法:
<style>
 .class_btn{ 
  behavior:url(./public/htc/aaa.htc);
  }
 </style>


<input type="button" id="btn" name="btn"  value="按钮" class="class_btn"/>


描述:behavior是行为。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值