IE下window.onresize 多次调用与死循环bug处理方法介绍
更新时间：2013年11月12日 10:13:45 作者：
IE下window.onresize多次调用与死循环bug处理方法介绍。需要的朋友可以过来参考下，希望对大家有所帮助
window.onresize 在IE浏览器下有多次被执行甚至死循环的bug，会导致浏览器卡死
解决方案：
复制代码 代码如下:
// IE浏览器下将onresize事件放在div上
if(navigator.userAgent && navigator.userAgent.toLowerCase().indexOf("msie")>-1){
document.body.innerHTML = '<div onresize="resetClientWidth();lazyLoadImgesMethod();" style="width:100%;height:100%;position:absolute;z-index:-999;"></div>' + document.body.innerHTML;
} else {
window.onresize = function(){
resetClientWidth();
lazyLoadImgesMethod();
};
}
ps：FF浏览器不支持在div上写onresize事件，window.onresize 虽然在FF下不会死循环，但如果在函数里面有alert执行，FF浏览器也会卡死，很无奈的bug。
PS: navigator.userAgent.split(";")[1].toLowerCase().indexOf("msie")>-1 这个判断ie的问题, 在chrome浏览器下会出现"toLowerCase()"方法未定义的错误.
所以修正为navigator.userAgent.toLowerCase().indexOf("msie")>-1
相关文章
JavaScript的Object.defineProperty详解
本篇文章给大家详细讲述了JavaScript的Object.defineProperty的相关知识点内容，有兴趣的朋友参考学习下。2018-07-07
这篇文章主要介绍了基于JavaScript的数据结构队列动画实现示例解析，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-08-08
npm安装依赖时出现Peer Dependencies冲突报错解决分析
这篇文章主要为大家介绍了npm安装依赖时出现Peer Dependencies冲突报错解决分析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-09-09
下面小编就为大家带来一篇js 简易版滚动条实例(适用于移动端H5开发)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-06-06
这篇文章主要介绍了chatGPT教我写compose函数,文中给大家介绍了chatGPT过程概略，本文结合实例代码图文给大家讲解的非常详细，需要的朋友可以参考下2023-02-02
页面自定义拖拽布局...2007-02-02
下面小编就为大家带来一篇浅谈javascript中的三种弹窗。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
这篇文章主要介绍了前端生成word文件的两种方式,两种方法分别是html-docx-js和pizzip+docxtemplater,html-docx-js简单易用,但支持的HTML和CSS有限,且不支持图片,pizzip+docxtemplater需要预先设置Word文件样式,但支持更复杂的样式和图片插入,需要的朋友可以参考下2025-03-03
V8是Google开发的JavaScript引擎,采用分代垃圾回收机制自动管理内存,包括新生代和老生代,新生代使用Scavenge算法快速回收短生命周期对象,老生代使用标记-清除和标记-整理算法优化长期存活对象的回收,V8通过增量标记、并发GC和增量压缩等优化策略减少垃圾回收对性能的影响2025-02-02
JS使用getComputedStyle()方法获取CSS属性值
经常会用到js来获取元素的CSS样式，由于方法众多，在下面的文章中为大家详细整理下2014-04-04
最新评论