IE浏览器兼容性BUG以及跨域访问
IE浏览器兼容性BUG以及跨域访问
净琉璃 发表于9个月前
IE浏览器兼容性BUG以及跨域访问
  • 发表于 9个月前
  • 阅读 19
  • 收藏 0
  • 点赞 0
  • 评论 0

移动开发云端新模式探索实践 >>>   

IE版本的水

这水非常的深,甚至不同的windows系统出现的问题都不一样。什么时候能做到所有的用户都不用IE10以下的版本,那什么时候这水就浅了。
水的来源就是:并不是每个员工都可以下载软件安装的,但每个员工的电脑都有IE的。
于是我就开始了游泳,噢不!是溺水自救。

样式属性值的坑

//自己的jsp是这样写的
<div id="securityMsg" ${param.error==true ? '' : 'style="display:none"'}>

//分别测试了win7下IE10、9、8,这个值在不同的版本的IE有两种值。如下图:
var securityMsg=$("#securityMsg").attr('style');

IE10的style属性值
IE9的style属性值
IE8的style属性值
html的style属性值

JQuery在用attr方法获取style属性值时需要特别注意,不同版本的IE获取出来的值是有很大的偏差的,有可能key被大写了,有可能后面加了分号,键值对中间还会自动加上一个空格。这里需要自己根据实际项目去处理下。

IE跨域访问

在win7系统下测试项目,谷歌、IE10、IE9、IE8是可以跨域访问的。但在win10下IE和火狐都不行,提示:

SecurityError: Permission denied to access property "document" on cross-origin object

这真是神奇至极,当时真想淹死算了。经过不断的百度和尝试下,加了一句代码就可以了!!!???

//在报错的页面里开头加
jQuery.support.cors=true;

至此,我成功爬上了岸!!!看了一眼,发觉我只是上了一块小浮冰,IE的海洋还没出去。
不说了,下次我上了岸再联系吧。

  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 1
博文 87
码字总数 19598
×
净琉璃
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: