IE兼容性问题

最近在解决IE兼容性的问题,进行一下总结:

1、常用调试语句如下:(很多兼容性的问题,不会报错,因此就需要添加输出,通过输出结果查看问题出在哪里)

(1)查看运行步骤是否有问题:
    var i = 0; // 声明一次即可
    console.log("click:" + i++ + "."); // 标记可能出错误的地方
(2)查看变量值是否正确:(var为变量)
    console.log("var:" + var + ".");
(3)增加弹出框,暂时阻止程序运行:(var为变量)
    alert("var:" + var + ".");

2、IE 时间格式不支持2017-08-21 00:00:00,需要转换为2017/08/21 00:00:00,转换方式如下:

var arg = "2017-08-21 00:00:00";
// var myDate = new Date(arg); // error
var myDate = new Date(Date.parse(arg.replace(/-/g, "/")));

3、json序列化

JSON.parse(data); // String to json
JSON.stringify(data); // json to String

4、页面跳转,需要增加bathPath,否则IE无法确定新的地址;(Java)

<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<script type="text/javascript">
    var basePath = "<%=basePath%>";
</script>

5、特殊情况一定要增加判断条件,否则也会出现无法预料的错误

if (var === 'undefined') {
    do something;
}

6、JavaScript转义字符(JavaScript中拼装HTML的时候,要注意转移字符,否则也可能会出现问题。最好不拼装)

\'  单引号
\"  双引号
\&  和号
\\  反斜杠
\n  换行符
\r  回车符
\t  制表符
\b  退格符
\f  换页符

7、函数参数默认值

// 其他浏览器支持, IE不支持
function myFun(arg1 = 'default', arg2 = 'default') {
    // do something
}
// IE浏览器 上面的写法看起来也不标准
function myFun(arg1, arg2) {
    // set default value
    arg1 = arg1 || 'default';
    arg2 = arg2 || 'default';
    // do something
}

8、引入新的方法、框架的时候,一定要先查一下浏览器的兼容性,降低返工的风险;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值