JavaScript中IE兼容出现的问题及解决方法-木庄网络博客

本文摘自PHP中文网，作者不言，侵删。

本篇文章给大家带来的内容是关于JavaScript中IE兼容出现的问题及解决方法，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

在IE浏览器中出现的问题

1、不能执行已释放 Script 的代码

1、bug出现背景：

在使用iframe标签时，如果子页面向父页面传递在子页面创建的对象（所有对象，包括数组，函数，正则等）时，会出现这个bug。

2、bug出现原因：

在子页面关闭时，会释放掉在子页面中声明赋值的对象。所以在父页面所有对这个对象的引用操作都会产生这个JS错误。

3、解决方法有2种：

第一，在父页面把所有对象都建好，在子页面对这个对象进行字符串赋值。
第二，如果子页面产生的对象数量是不定的，使用JSON.stringfy()把要回传的对象变成字符串。然后在父页面中使用JSON.parse()变成对象。

IE、firefox浏览器下JS的new Date()的值为Invalid Date、NaN-NaN

截图信息

1、问题出现背景：
在IE浏览器中，使用new Date("xxxx")方法，将一串日期字符串转换为具体的Date格式的时，会出现这个问题。如：
new Date("2019-03-21 10:41:33") //[date] Invalid Date[date] Invalid Date
但是这个方法却在谷歌浏览器上可以返回正确的结果。

2、问题出现原因：

字符串的格式不被IE浏览器识别，而导致的

3、解决方法：

new Date("2019/03/21 10:41:33") //[date] Thu Mar 21 2019 10:41:33 GMT+0800 (中国标准时间)[date] Thu Mar 21 2019 10:41:33 GMT+0800 (中国标准时间)

备注：在使用的时候，我们可以通过字符串转换的方式，将日期字符串格式转换为浏览器支持的格式，在使用new Date()。

var date = '2019-03-21 10:41:33';
date = date.replace(new RegExp(/-/gm) ,"/"); 　　//将所有的'-'转为'/'即可
Date d=new Date(date);

4、总结

阅读剩余部分

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » JavaScript中IE兼容出现的问题及解决方法

JavaScript中IE兼容出现的问题及解决方法

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论