探究CSS属性behavior语法及使用

开发 前端
这节向大家介绍一下CSS属性behavior的语法,在进行CSS网页布局的时候,我们可能会经常遇到刷新要保留表单里内容,CSS中的behavior就为我们很好的解决了这个问题。

本文和大家重点讨论一下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>把鼠标放在这里div-CSS.net</h1> 
  9.     </body> 
  10.     </html> 
  11.     behave.htc  
  12.  
  13.     <component> 
  14.     <attachforattachfor="element"event="onmouseover"handler="hig_lite"/> 
  15.     <attachforattachfor="element"event="onmouseout"  
  16. handler="low_lite"/> 
  17.     <scripttypescripttype="text/javascript"> 
  18.     functionhig_lite()  
  19.     {  
  20.       element.style.color=255 
  21.     }  
  22.     functionlow_lite()  
  23.     {  
  24.       element.style.color=0 
  25.     }  
  26.     </script> 
  27.     </component>   

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

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

文章来源:Div-CSS.net设计网参考:http://www.div-CSS.net/div_CSS/topic/index.asp?id=10002

【编辑推荐】

  1. 深度剖析CSS2.0中的expression应用
  2. CSS中margin边界叠加问题及解决方案
  3. CSS布局自适应高度解决方法
  4. 创建和插入CSS样式表秘笈
  5. 实现CSS垂直居中的五大方法及优缺点
责任编辑:佚名 来源: div-CSS.net
相关推荐

2010-09-01 11:00:11

CSSbehavior

2010-08-26 10:48:51

CSScaption-sid

2010-09-08 14:00:08

marginCSS

2010-08-25 14:26:09

CSSdisplay

2010-08-26 10:08:50

CSSmargin

2010-09-15 15:59:11

CSS hack

2010-08-25 14:11:01

CSSborder-top

2010-09-10 10:10:36

CSS属性

2010-08-25 09:30:56

marginCSS

2010-09-14 16:04:40

CSSclip属性

2010-09-15 14:00:06

position属性DIV

2010-09-06 09:41:28

CSS继承

2010-09-15 17:05:33

CSS display

2010-09-16 11:02:56

CSS padding

2010-08-31 08:51:58

marginCSS

2010-09-07 11:14:32

CSS属性选择器CSS

2017-01-13 09:54:52

2023-08-31 08:12:23

应用场景业务异常HTTP

2010-08-19 11:03:56

CSSpadding

2010-08-30 12:54:59

CSSmargin
点赞
收藏

51CTO技术栈公众号