css中behavior属性用法说明:
我们经常会遇到在刷新表单的时候,表单中的内容就丢失了,我们常用的方法是使用cookie,但那样有点麻烦,在css中有behavior属性可以为我们解决这个问题。下面就介绍一下behavior这个属性的用法:
behavior的语法:
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 。
实例:
p { behavior: url(#default#download); }
div { behavior: url(fly.htc) url(shy.htc); }
div { behavior: url(#myObject); }
应用1:刷新也保留输入框里面的文字
.sHistory {}{behavior:url(#default#savehistory);}
应用2:调用脚本
<html>
<head>
<style>
h1 { behavior: url(behave.htc) }
</style>
</head>
<body>
<h1>把鼠标放在这里 http://www.phpzixue.cn/</h1>
</body>
</html>
behave.htc
<component>
<attach for="element" event="onmouseover" handler="hig_lite" />
<attach for="element" event="onmouseout" handler="low_lite" />
<script type="text/javascript">
function hig_lite()
{
element.style.color=255
}
function low_lite()
{
element.style.color=0
}
</script>
</component>
注意:CSS 时尽量避免使用Behaviors技术
Internet Explorer Behaviors
它是什么?Internet Explorer 5 引入了行为 (behaviors)。behaviors 是一种通过使用 CSS 向 HTML 元素添加行为的方法。
只有 Internet Explorer 支持 behavior 属性。
尽量使用 JavaScript 和 HTML DOM 代替它.
*.htc
<PUBLIC:COMPONENT ID="summerSelectObj" lightWeight="false" literalContent="true" NAME="summerSelectObj" supportsEditMode="false">
<PUBLIC:DEFAULTS canHaveHTML="true" contentEditable="false" tabStop="true"/>
<PUBLIC:PROPERTY ID="propData" NAME="data" PUT="setData" GET="getData"/>
<PUBLIC:attach event="ondetach" onevent="cleanup()" />
<PUBLIC:attach event="oncontentready" onevent="fnInit()"/>
<PUBLIC:attach event="onfocus" onevent="fnMrShow()"/>
<PUBLIC:attach event="onblur" onevent="fnBlur()"/>
<PUBLIC:attach event="onclick" onevent="fnMrShow()"/>
<PUBLIC:attach event="onkeydown" onevent="fnKeyDown()"/>
<PUBLIC:attach event="onchange" onevent="fnOnchange()"/>
<PUBLIC:method name="setValue"/>
<PUBLIC:method name="setData"/>
<PUBLIC:method name="fnFind"/>
<PUBLIC:method name="fnInit"/>
<PUBLIC:method name="fnIsClick"/>
<PUBLIC:method name="fnGetLstStr"/>
<PUBLIC:method name="fnMySort0"/>
<PUBLIC:method name="fnMySort"/>
<PUBLIC:method name="fnMySort2"/>
<PUBLIC:method name="fnSortShow"/>
<PUBLIC:method name="fnShowPopWin"/>
<PUBLIC:method name="fnPropertyChange"/>
<PUBLIC:method name="fnKeyDown"/>
<PUBLIC:method name="fnClick"/>
<PUBLIC:method name="fnAddFilter"/>
<PUBLIC:method name="fnGetDescAndHidObj"/>
<PUBLIC:method name="fnGetValue"/>
<PUBLIC:method name="fnInitXml"/>
<PUBLIC:method name="fnAjaxCb"/>
<PUBLIC:method name="setInputRegExp"/>
<PUBLIC:method name="createXMLHttpRequest"/>
<PUBLIC:method name="fnGetAjaxData"/>
<PUBLIC:attach event="onpropertychange" onevent="fnPropertyChange()"/>
分享到:
相关推荐
Css中的filter属性语法说明.Css中的filter属性语法说明.Css中的filter属性语法说明.
自己整理的部分HTML的元素属性用法和一些css样式
JS中的CSS_Style属性标签对照表.docx 含有CSS 的详细属性说明
CSS和DOM属性用法速查手册.doc
CSS属性解释,常见的CSS属性,还包括DIV+CSS常属性
CSS常用属性和属性大全,CSS常用属性和属性大全,CSS常用属性和属性大全
包含css的所有属性包含css的所有属性包含css的所有属性
CSS属性查询,包含绝大多数常用的html标签,以及其的属性和用法。
background 简写属性,作用是将背景属性设置在一个声明中。 background-attachment 背景图像是否固定或者随着页面的其余部分滚动。Scroll随文滚动 background-color 设置元素的背景颜色。 background-image 把...
CSS3 动画属性(Animation) CSS 边框属性(Border 和 Outline) CSS 背景属性(Background) Color 属性 Box 属性 CSS 尺寸属性(Dimension) 内容生成(Generated Content) 可伸缩框属性(Flexible Box) Grid ...
取值: url ( url ) : 使用绝对或相对 url 地址指定DHTML行为组件(.htc) url ( #objID ) : 使用二进制实现(作为 ActiveX:registered: 控件)的行为。此处的 #objID 为 object 对象的 id 属性值 url ( #...
JS中的CSS_Style属性标签对照表 css css_styleJS中的CSS_Style属性标签对照表 css css_styleJS中的CSS_Style属性标签对照表 css css_styleJS中的CSS_Style属性标签对照表 css css_styleJS中的CSS_Style属性标签对照...
css中border属性的特殊用法(实现特殊形状)-包含代码示例
CSS style属性 大全 内含CSS的style属性详情,对style属性的快速学习提高参考
css2视觉手册 css属性大全css2视觉手册 css属性大全css2视觉手册 css属性大全css2视觉手册 css属性大全css2视觉手册 css属性大全css2视觉手册 css属性大全css2视觉手册 css属性大全
CSS CSS属性 速查表 CSS属性速查表
css 属性大全css 属性大全css 属性大全css 属性大全css 属性大全css 属性大全css 属性大全css 属性大全
CSS 绝对定位属性absolute用法初探
滚动条的css属性滚动条的css属性滚动条的css属性
CSS代码属性大全 全面介绍CSS主要属性