在IE中,CSS是可以嵌入js表达式的,可以在CSS类中定义,但是将含有表达CSS类从DOM对象中移除,样式表达式是不会失效的。
经过研究找到了答案,需要使用js调用style对象的removeExpression()方法才可去除。
下面是方法的说明:
语法
bSuccess = object.removeExpression(sPropertyName)
参数
sPropertyName |
Required. String that specifies the name of the property from which to remove an expression. |
返回值
Returns one of the following possible values:
true |
The expression was successfully removed. |
false |
The expression was not removed. |
下面给出一个实用例子:利用样式限制图片最大宽度,通过一个按钮切换实际大小与缩放大小。
CSS类,作用:限制图片的最大宽度,超出指定宽度等比缩小。
.wrap {
border:none;
max-width:730px;
height:auto;
width:expression(this.width>730?"730px":true);/*ie6补丁*/
}
图片<img>
<img id="chart_img" class="chart" src="bond_big.jpg"/>
切换按钮
<span id="imgctr" style="cursor: pointer;display: block" onclick="showOrigin()">[原始大小]</span>
js代码(需要jQuery)
function showOrigin(){
$('#chart_img').toggleClass("chart");
if($('#chart_img').attr("class")){
$('#imgctr').text("[原始大小]");
}else{
$('#imgctr').text("[缩放大小]");
$('#chart_img')[0].style.removeExpression('width'); /*ie6补丁*/
}
}
这个事例只有在IE6中才能体现removeExpression()的作用,ie7以上是不需要的。
分享到:
相关推荐
主要介绍了CSS中使用expression表达式,需要的朋友可以参考下
关于CSS中expression的使用简介,从此可以在Css中使用javascript了
最新CSS + DIV+正则表达式
js/css hack 博文链接:https://jasongreen.iteye.com/blog/184547
用CSS的expression判断表达式设置input样式,简单,轻量级。缺点在于expression判断表达式FireFox是不支持的。致命的是只能区分出一个(例如例子中就只能区分出text文本框),不要试图设置多个… 代码: [code] <...
javascript+css+正则表达式的chm帮助文档,包含这种标记解析,适合初学者。
1) 源码本身很小,但是携带者一个用于...一种是返回一个数组的(例如 css表达式,获取的结果就是一个数组,哪怕只有一个成员)。所以这就解释了为啥会有两个类,那个dom数组类,就是对返回的结果集的封装,。@菜鸟菜鸡秋水。
一些常用的东西 包括正则表达式 js css 之类的
个人CSS、EL表达式、HTML、jsp笔记,非常系统。学东西就是要系统。哈哈,有错的地方大家可以留言指正
CSharp参考 CSS2参考 正则表达式系统教程 ADO参考
IE6 position:fixed无效在做兼容时,很是头疼,本例通过一条Internet Explorer的CSS表达式(expression)来完美的实现ie6下position:fixed效果,有需要的朋友可以参考下
以其可以在Css中定义表达式(公式)来达到建立元素间属性之间的联系等作用,从IE5开始得到支持,后因标准、性能、安全性等问题,微软从IE8 beta2标准模式开始,取消对css expression的支持。 使用 微软提供了4个css ...
CSS2.0-CSS3.0-HTML5-JavaScript-JDK1.8-正则表达式,全中文帮助文档,全都是CHM版 里面包含15个CHM文件,其中有六大类,有的有多个版本全是中文版 CSS2.0就标准的一个版本,够用了 CSS3.0有P零雾雨版,ISD版还有,...
CSS自定义属性ExpressionCSS自定义属性Expression
CSS中使用expression有ie才能识别,其把CSS属性和Javascript表达式关联起来,效果相当于min-width,即实现了兼容ie,示例如下,感兴趣的朋友可以参考下,希望对大家有所帮助