去掉CSS中的表达式Expression_html/css_WEB-ITnose

php中文网
发布: 2016-06-24 11:55:54
原创
1256人浏览过

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

经过研究找到了答案,需要使用js调用style对象的removeExpression()方法才可去除。

下面是方法的说明:

 

达芬奇
达芬奇

达芬奇——你的AI创作大师

达芬奇 50
查看详情 达芬奇

语法

立即学习前端免费学习笔记(深入)”;

bSuccess = object<strong>.removeExpression(</strong>sPropertyName<strong>)</strong>
登录后复制

参数

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类,作用:限制图片的最大宽度,超出指定宽度等比缩小。

Css代码  

  1. .wrap {  
  2.     border:none;  
  3.     max-width:730px;  
  4.     height:auto;  
  5.     width:expression(this.width>730?"730px":true);/*ie6补丁*/  
  6.     }  

 

 图片去掉CSS中的表达式Expression_html/css_WEB-ITnose

Html代码  

  1. 去掉CSS中的表达式Expression_html/css_WEB-ITnose  

 

切换按钮

Html代码  

  1. [原始大小]  

 

js代码(需要jQuery)

Java代码  

  1. function showOrigin(){  
  2.     $('#chart_img').toggleClass("chart");  
  3.       
  4.     if($('#chart_img').attr("class")){  
  5.         $('#imgctr').text("[原始大小]");  
  6.     }else{        
  7.         $('#imgctr').text("[缩放大小]");  
  8.         $('#chart_img')[0].style.removeExpression('width'); /*ie6补丁*/  
  9.     }  
  10.       
  11. }  

  

这个事例只有在IE6中才能体现removeExpression()的作用,ie7以上是不需要的。

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号