不使用CSS表达式的原因分析

在CSS表达式中使用Javascript表达式,根据Javascript表达式的结果设置CSS属性。
CSS表达式在其他浏览器中不起作用,因此在跨浏览器编码中将IE设置分开是很有用的。
CSS表达式是由IE5。让我们看看下面的代码:
复制代码代码如下所示:
背景颜色:表达((新的日期()),GetHours()% 2# F00 # 00f );

上面的代码是每小时使用CSS表达式切换背景颜色。
CSS表达式的问题是,它拥有比想象更多的计算频率。不仅在页面显示和缩放,而且当页面滚动或移动鼠标时,它将重新计算一次。增加一个计数器的CSS表达式可以跟踪表达式的计算频率的。一个页面上移动鼠标可以轻松达到10000倍以上。
减少CSS表达式计算时间的一种方法是使用一次性表达式。它在第一次运行中将结果分配给指定的样式属性,并使用此属性替换CSS表达式。
如果样式属性必须动态地改变页面内的循环,它是使用事件句柄而不是CSS表达式的一种可行方法。如果你要使用CSS表达式,一定要记住,他们计算了几千次,可能对你的网页的性能产生影响。不要让你的用户感觉你的网页的打开,和机器会慢。