CSS中behavior属性语法的使用介绍

时间:2021-12-12 11:14:56

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

CSS属性behavior语法

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

behavior属性语法:

ExampleSourceCode

 
  1. behavior:url(url)|url(#objID)|url(#default#behaviorName)  
  2.  

取值:

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

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

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

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

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

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

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

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

对应的脚本特性为behavior。

示例:

ExampleSourceCode

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

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

ExampleSourceCode

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

 ◆应用2:调用脚本

ExampleSourceCode

 
  1. <html> 
  2. <head> 
  3. <style> 
  4. h1{behavior:url(behave.htc)}  
  5. </style> 
  6. </head> 
  7. <body> 
  8. <h1>把鼠标放在这里52css.com</h1> 
  9. </body> 
  10. </html> 
  11. behave.htc  
  12.  
  13. <component> 
  14. <attachforattachfor="element"event="onmouseover"handler="hig_lite"/> 
  15. <attachforattachfor="element"event="onmouseout"handler="low_lite"/> 
  16. <scripttypescripttype="text/javascript"> 
  17. functionhig_lite()  
  18. {  
  19. element.style.color=255 
  20. }  
  21. functionlow_lite()  
  22. {  
  23. element.style.color=0 
  24. }  
  25. </script> 
  26. </component>   
  27.  

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

InternetExplorerBehaviors
它是什么?InternetExplorer5引入了行为(behaviors)。behaviors是一种通过使用CSS向HTML元素添加行为的方法。
为什么要避免它?只有InternetExplorer支持behavior属性。
用什么代替?请使用JavaScript和HTMLDOM取而代之