本文和大家重点讨论一下CSS中behavior属性语法的使用，在进行CSS网页布局的时候，我们经遇到刷新要保留表单里内容的时候，习惯的做法使用cookie，但是那样做实在是很麻烦，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> h1{behavior:url(behave.htc)}  </style>

</head>

<body>

<h1>把鼠标放在这里52css.com</h1>

</body>

</html>

behave.htc

<component>

<attachforattachfor="element"event="onmouseover"handler="hig_lite"/>

<attachforattachfor="element"event="onmouseout"handler="low_lite"/>

<scripttype scripttype="text/javascript">

functionhig_lite() {

	element.style.color=255

}

functionlow_lite() {

 	element.style.color=0

}

</script>

</component>

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

InternetExplorerBehaviors 它是什么？InternetExplorer5引入了行为(behaviors)。

behaviors是一种通过使用CSS向HTML元素添加行为的方法。 为什么要避免它？

只有InternetExplorer支持behavior属性。 用什么代替？请使用JavaScript和HTMLDOM取而代之

CSS中behavior属性语法简介的更多相关文章

  1. 深入理解CSS中的层叠上下文和层叠顺序(转)

    by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpress/?p=5115 零.世间的道 ...

  2. 深入理解CSS中的层叠上下文和层叠顺序

    零.世间的道理都是想通的 在这个世界上,凡事都有个先后顺序,凡物都有个论资排辈.比方说食堂排队打饭,对吧,讲求先到先得,总不可能一拥而上.再比如说话语权,老婆的话永远是对的,领导的话永远是对的. 在C ...

  3. Css中光标,DHTML,缩放的使用

    Css中光标的使用: 属性名称                属性值                                         说明cursor                 ...

  4. CSS中Position属性

    也许你看到这个标题觉得很简单,确实这是一篇关于CSS中Position属性基础知识的文章,但是关于Position的一些细节也许你不了解. 1.简介 position有五个属性: static | r ...

  5. [转]深入理解CSS中的层叠上下文和层叠顺序

    http://www.zhangxinxu.com/wordpress/2016/01/understand-css-stacking-context-order-z-index/ 零.世间的道理都是 ...

  6. 还在手动给css加前缀？no！几种自动处理css前缀的方法简介

    原文首发于个人博客:还在手动给css加前缀?no!几种自动处理css前缀的方法简介 我们知道在写css的时候由于要兼容不同厂商浏览器,一些比较新的属性需要给它们添加厂商前缀来兼容.移动端还好,基本只要 ...

  7. CSS中margin边界叠加问题及解决方案(转)

    边界叠加简介 边界叠加是一个相当简单的概念.但是,在实践中对网页进行布局时,它会造成许多混淆.简单地说,当两个垂直边界相遇时,它们将形成一个边界.这个边界的高度等于两个发生叠加的边界的高度中的较大者. ...

  8. css中url的路径含义及使用

    http://www.jb51.net/css/37554.html 在CSS中有用url语法来指定background-image或是其他引用文件中,如: 复制代码 代码如下: .mainheade ...

  9. CSS BEM 命名规范简介

    [前言] BEM 是一个简单又非常有用的命名约定.让你的前端代码更容易阅读和理解,更容易协作,更容易控制,更加健壮和明确,而且更加严密.这篇文章主要介绍了CSS BEM 命名规范简介(推荐)的相关资料 ...

随机推荐

  1. substring、slice、substr的区别

    首先定义一个变量便于下面测试:var str = "xx351223441";   substring: str.substring(form,to):从字符串里截取下标为form ...

  2. wow.js+animate.css——有趣的页面滚动动画

    今天偶然间发现了一个使用特别简单的页面动画效果,还挺不错的,玩了一个上午,现在介绍一下这个滚动动画: 一.使用方法: 1.下载animate.css 2.下载wow.js 3.引用文件,像这样: &l ...

  3. JS随机生成100个DIV每10个换行(换色，生成V字和倒V)

    附图 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8& ...

  4. C++ 关于运算符重载

    转载来源:http://c.biancheng.net/cpp/biancheng/view/216.html 重载运算符的函数一般格式如下:    函数类型 operator 运算符名称 (形参表列 ...

  5. C语言的一小步—————— 一些小项目及解析

    ——-------- 仅以此献给东半球第二优秀的C语言老师,黑锤李某鸽,希望总有那么一天我们的知识可以像他的丰臀一样渊博! bug跟蚊子的相似之处: 1.不知道藏在哪里. 2.不知道有多少. 3.总是 ...

  6. pta 编程题21 公路村村通

    其它pta数据结构编程题请参见:pta 题目 这道题考察最小生成树问题,用的是Prim算法. 和Dijkstra算法相比,没有了collect数组,因为dist[v] == 0就代表v被已收录. #i ...

  7. pta 编程题16 Saving James Bond - Easy Version

    其它pta数据结构编程题请参见:pta 题目 主要用到了深度优先搜索. #include <iostream> using namespace std; struct Vertex { i ...

  8. linux下安装和卸载mysql

      卸载: 1 . rpm -qa | grep -i mysql命令查看已经安装过的组件.   2. 使用yum -y remove命令卸载已经安装的MySQL组件,使用下面的命令,对于上面已经安装 ...

  9. IOS storyboard（控件器的 生命周期）

    @interface NJTwoViewController () @end @implementation NJTwoViewController // 当控制器的view加载完毕就调用 - (vo ...

  10. 使用canvas给图片添加水印

    css部分 .clip { position: absolute; clip: rect(0 0 0 0); } html部分 <input type="file" id=& ...