CSS中如何使用behavior属性

发布时间：2021-07-09 16:09:54 作者：Leah
来源：亿速云阅读：146

今天就跟大家聊聊有关CSS中如何使用behavior属性，可能很多人都不太了解，为了让大家更加了解，小编给大家总结了以下内容，希望大家根据这篇文章可以有所收获。

CSS属性behavior语法

在进行CSS网页布局的时候，我们经遇到刷新要保留表单里内容的时候，习惯的做法使用cookie，但是那样做实在是很麻烦，css中的behavior就为我们很好的解决了这个问题。今天就向大家介绍CSS属性behavior的语法。

behavior属性语法：

ExampleSourceCode

behavior:url(url)|url(#objID)|url(#default#behaviorName)

取值：

url(url)　:　使用绝对或相对url地址指定DHTML行为组件（.htc）

url(#objID)　:　使用二进制实现(作为ActiveX®控件)的行为。此处的#objID为object对象的id属性值

url(#default#behaviorName)　:　IE的默认行为。由行为的名称标识(#behaviorName)指定

说明：设置或检索对象的DHTML行为。多个行为之间用空格隔开。

当多个附加到同一要素的行为发生冲突时，其结果取决于行为应用于要素的顺序。后一个行为的优先权高于前一个行为。同样的规则适用于不同行为提供的属性、事件、方法所发生的名称冲突。

可以使用addBehavior方法动态的将行为附着到对象。

此属性对于currentStyle对象而言是只读的。对于其他对象而言是可读写的。

务必注意使用样式表(CSS)的behavior属性内联定义或使用addBehavior方法附着的行为不会在对象从文档树中移除时被自动分离。而在文档中的样式表规则定义的行为会在对象从文档树中移除时被自动分离。

对应的脚本特性为behavior。

示例：

ExampleSourceCode

p{behavior:url(#default#download);}  div{behavior:url(fly.htc)url(shy.htc);}  div{behavior:url(#myObject);}

◆应用1:刷新也保留输入框里面的文字

ExampleSourceCode

.sHistory{}{behavior:url(#default#savehistory);}

　◆应用2:调用脚本

ExampleSourceCode

<html> <head> <style> h2{behavior:url(behave.htc)}  </style> </head> <body> <h2>把鼠标放在这里52css.com</h2> </body> </html> behave.htc   <component> <attachforattachfor="element"event="onmouseover"handler="hig_lite"/> <attachforattachfor="element"event="onmouseout"handler="low_lite"/> <scripttypescripttype="text/javascript"> functionhig_lite()  {  element.style.color=255 }  functionlow_lite()  {  element.style.color=0 }  </script> </component>

注意：CSS时尽量避免使用Behaviors技术

看完上述内容，你们对CSS中如何使用behavior属性有进一步的了解吗？如果还想了解更多知识或者相关内容，请关注亿速云行业资讯频道，感谢大家的支持。

CSS中如何使用behavior属性

相关阅读