IE下window.onresize 多次调用与死循环bug处理方法介绍


Posted in Javascript onNovember 12, 2013

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 相关文章推荐
JavaScript高级程序设计 阅读笔记(十三) js定义类或对象
Aug 14 Javascript
js的touch事件的实际引用
Oct 13 Javascript
jquery获取url参数及url加参数的方法
Oct 26 Javascript
jQuery 获取屏幕高度、宽度的简单实现案例
May 17 Javascript
Three.js学习之Lamber材质和Phong材质
Aug 04 Javascript
domReady的实现案例
Nov 23 Javascript
原生js中ajax访问的实例详解
Sep 19 Javascript
vue+express 构建后台管理系统的示例代码
Jul 19 Javascript
详谈js的变量提升以及使用方法
Oct 06 Javascript
Vue触发式全局组件构建的方法
Nov 28 Javascript
vue 导航内容设置选中状态样式的例子
Nov 01 Javascript
JavaScript 防盗链的原理以及破解方法
Dec 29 Javascript
JS获取键盘上任意按键的值(实例代码)
Nov 12 #Javascript
只需一行代码,轻松实现一个在线编辑器
Nov 12 #Javascript
JS中实现replaceAll的方法(实例代码)
Nov 12 #Javascript
jquery.validate的使用说明介绍
Nov 12 #Javascript
javascript 函数及作用域总结介绍
Nov 12 #Javascript
Javascript之this关键字深入解析
Nov 12 #Javascript
js hover 定时器(实例代码)
Nov 12 #Javascript
You might like
法国:浪漫之都的咖啡文化
2021/03/03 咖啡文化
颠覆常识!无色透明的咖啡诞生了(中日双语)
2021/03/03 咖啡文化
现磨咖啡骗局!现磨咖啡=新鲜咖啡?现磨咖啡背后的猫腻你不懂!
2019/03/28 冲泡冲煮
PHP开发中常用的三个表单验证函数使用小结
2010/03/03 PHP
php数组函数序列之array_sum() - 计算数组元素值之和
2011/10/29 PHP
反射调用private方法实践(php、java)
2015/12/21 PHP
PHP随机数函数rand()与mt_rand()的讲解
2019/03/25 PHP
thinkphp3.2框架中where条件查询用法总结
2019/08/13 PHP
laravel实现图片上传预览,及编辑时可更换图片,并实时变化的例子
2019/11/14 PHP
php ActiveMQ的安装与使用方法图文教程
2020/02/23 PHP
PHP设计模式入门之状态模式原理与实现方法分析
2020/04/26 PHP
javascript实现的使用方向键控制光标在table单元格中切换
2010/11/17 Javascript
jQuery教程 $()包装函数来实现数组元素分页效果
2013/08/13 Javascript
js中的hasOwnProperty和isPrototypeOf方法使用实例
2014/06/06 Javascript
使用jquery+CSS实现控制打印样式
2014/12/31 Javascript
详解用node.js实现简单的反向代理
2017/06/26 Javascript
微信小程序获取音频时长与实时获取播放进度问题
2018/08/28 Javascript
jQuery序列化form表单数据为JSON对象的实现方法
2018/09/20 jQuery
零基础之Node.js搭建API服务器的详解
2019/03/08 Javascript
Vue.js组件使用props传递数据的方法
2019/10/19 Javascript
vue实现数字滚动效果
2020/06/29 Javascript
Python 对象中的数据类型
2017/05/13 Python
Python内置函数——__import__ 的使用方法
2017/11/24 Python
Python系统监控模块psutil功能与经典用法分析
2018/05/24 Python
python 反向输出字符串的方法
2018/07/16 Python
Python TestCase中的断言方法介绍
2019/05/02 Python
python3+django2开发一个简单的人员管理系统过程详解
2019/07/23 Python
python tkinter 设置窗口大小不可缩放实例
2020/03/04 Python
Python开发企业微信机器人每天定时发消息实例
2020/03/17 Python
肯尼亚网上商城:Kilimall
2016/08/20 全球购物
社区敬老月活动实施方案
2014/02/17 职场文书
中等生评语大全
2014/05/04 职场文书
2015年商场工作总结
2015/04/27 职场文书
如何写一份具有法律效力的借款协议书?
2019/07/02 职场文书
pyqt5蒙版遮罩mask,setmask的使用
2021/06/11 Python
浅谈自定义校验注解ConstraintValidator
2021/06/30 Java/Android