概述

CSS表达式是动态设置CSS属性的强大（但危险）方法。Internet Explorer从第5个版本开始支持CSS表达式。

兼容性

expression方法在其它浏览器中不起作用，因此在跨浏览器的设计中单独针对Internet Explorer设置时会比较有用。

例子

隔1s切换一次背景颜色 input鼠标移入移出变换背景

body{

 background-color: expression( (new Date()).getSeconds()%2 ? "#B8D4FF" : "#F08A00" );

}

input

{

 star : expression(

	onmouseover=function(){this.style.backgroundColor="green"},

	onmouseout=function(){this.style.backgroundColor="red"}

	    	 )

}

<body >

 <input type="text"/>

</body>

问题

算频率要比我们想象的多。千上万次并且可能会对你页面的性能产生影响。

页面显示和缩放时，就是在页面滚动、乃至移动鼠标时都会要重新计算一次。随便移动鼠标都可以轻松达到10000次以上的计算量。

查看方式

给CSS表达式增加一个计数器可以跟踪表达式的计算频率。

解决方案

this使用
使用一次性表达式？
如果样式属性必须在页面周期内动态地改变，使用事件句柄来代替CSS表达式是一个可行办法?
使用jQuery方法代替

移除

在IE中,CSS是可以嵌入js表达式的,可以在CSS类中定义,但是将含有表达CSS类从DOM对象中移除，样式表达式是不会失效的。

需要使用js调用style对象的removeexpression_r()方法才可去除。

如：width:expression_r(this.width > 730 ? "730px" : true);

需要使用：

$('#test')[0].style.removeexpression_r('width');去掉。

废弃

http://blogs.msdn.com/b/ie/archive/2008/10/16/ending-expressions.aspx

不再支持CSS表达式的原因

更加符合标准
更加有利于性能提升
以及减少受攻击面

CSS系列：表达式（Expression）`淘汰`的更多相关文章

你应该了解的强大CSS表达式 ----- expression
IE5及其以后版本支持在CSS中使用expression,用来把CSS属性和Javas cript表达式关联起来,这里的CSS属性可以是元素固有的属性,也可以是自定义属性.就是说CSS属性后面可以是一 ...
.net 系列：Expression表达式树、lambda、匿名委托的使用
首先定义一个泛型委托类型,如下: public delegate T Function<T>(T a, T b); 实现泛型委托的主体代码,并调用: public static strin ...
css中的expression
最近对CSS中的行为比较感兴趣,虽然是不符合标准的也只有ie才能识别,但是他确实给css的功能扩展了不少.下面是摘自互联网上的文字和例子,因为都被转烂了,没法注明出处. IE5及其以后版本支持在CSS ...
你不知道的css中的expression
expression是在IE5版本之后支持使用的,用来把CSS属性和Javascript脚本关联起来,[这里的CSS属性可以是元素固有的属性,也可以是自定义属性.]是动态设置CSS属性的强大方法,但也 ...
深入理解脚本化CSS系列第六篇——脚本化伪元素的6种方法
× 目录 [1]动态样式 [2]CSS类[3]setAttribute()[4]CSSRule对象添加[5]空样式覆盖[6]CSSRule对象删除前面的话我们可以通过计算样式来读取伪元素的样式信息 ...
css系列教程1-选择器全解
全栈工程师开发手册 (作者:栾鹏) 一个demo学会css css系列教程1-选择器全解 css系列教程2-样式操作全解 css选择器全解: css选择器包括:基本选择器.属性选择器.伪类选择器.伪元 ...
lambda表达式Expression<Func<Person, bool>> 、Func<Person, bool>区别
前言: 自己通过lambda表达式的封装,将对应的表达式转成字符串的过程中,对lambda表达式有了新的认识原因: 很多开发者对lambda表达式Expression<Func<Pers ...
CSS系列 (05)：浮动详解
浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止.由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现得就像浮动框不存在一样. -- W3C 文字环绕 float可以 ...
CSS系列——浏览器默认样式
了解HTML标签在各浏览器当中的默认样式,可以让我们了解,为什么会要写Reset.css,Reset.css当中要怎么写样式最合理.试着思考下面的问题: 为什么会有默认样式? 每个浏览器的默认样式有什 ...

随机推荐

touch详解
touch事件前言一个触屏网站到底和传统的pc端网站有什么区别呢,交互方式的改变首当其冲.例如我们常用的click事件,在触屏设备下是如此无力. 手机上的大部分交互都是通过touch来实现的,于是 ...
WPF常用方法，事件驱动和控件遍历
//初始化数据,默认选中第一项,事件驱动 RadioButton btn = FuncClass.GetChildObject<RadioButton>(this.stackPanel1, ...
tnsnames.ora存放路径
tnsnames.ora存放路径: D:\app\Administrator\product\11.2.0\dbhome_1\NETWORK\ADMIN
C++primer学习笔记（一）——Chapter 3
3.1 Namespace using Declarations 1.因为C++里有名字空间的定义,例如我们使用cin的时候必须写成std::cin,如果就用一次还是可以接受的,但是如果一直都这样,那 ...
SQLServer2005利用维护计划自动备份数据库
经常性忘了给数据库备份,结果当数据库发生问题的时候,才发现备份是1个月以前的,那个后悔与懊恼还加惭愧啊,别提有对难受了.要认为的记住去备份比较难,每天事情又那么多,所以有了这个自动备份就不用愁了.先拷 ...
C#环境datagidview添加删除操作
添加行 dataGridView1.Rows.Add();//添加空行 dataGridView1.Rows.Add("a","b"……);//添加指定列数的 ...
contentprovider的学习实例总结
工作中遇到了contentprovider数据共享机制,下面来总结一下: 一.ContentProvider简介当应用继承ContentProvider类,并重写该类用于提供数据和存储数 ...
SU Demos-04Deconvolution-01FX
先看readme, 运行结果,
http://blog.csdn.net/jun55xiu/article/details/43051627
http://blog.csdn.net/jun55xiu/article/details/43051627
HDU4057 Rescue the Rabbit（AC自动机+状压DP）
题目大概是给几个DNA片段以及它们各自的权值,如果一个DNA包含某个片段那么它的价值就加上这个片段的权值,同时包含多个相同DNA片段也只加一次,问长度l的DNA可能的最大价值. 与HDU2825大同小 ...

CSS系列：表达式（Expression）`淘汰`

概述

兼容性

例子