IE下window.onresize 多次調(diào)用與死循環(huán)bug處理方法介紹
window.onresize 在IE瀏覽器下有多次被執(zhí)行甚至死循環(huán)的bug,會導(dǎo)致瀏覽器卡死
解決方案:
// 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下不會死循環(huán),但如果在函數(shù)里面有alert執(zhí)行,F(xiàn)F瀏覽器也會卡死,很無奈的bug。
PS: navigator.userAgent.split(";")[1].toLowerCase().indexOf("msie")>-1 這個判斷ie的問題, 在chrome瀏覽器下會出現(xiàn)"toLowerCase()"方法未定義的錯誤.
所以修正為navigator.userAgent.toLowerCase().indexOf("msie")>-1
相關(guān)文章
JavaScript中自帶的 reduce()方法使用示例詳解
下文小編給大家?guī)砹薺s中自帶的reduce()方法使用示例詳解,非常不錯,具有參考借鑒價值,感興趣的朋友一起學(xué)習(xí)吧2016-08-08JavaScript數(shù)組排序的六種常見算法總結(jié)
這篇文章主要給大家介紹了關(guān)于JavaScript數(shù)組排序的六種常見算法,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者使用JavaScript數(shù)組具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08新人報道,發(fā)個小技巧(js數(shù)組重復(fù)判斷)
js數(shù)組重復(fù)判斷2008-10-10javascript中字符串替換函數(shù)replace()方法與c# 、vb 替換有一點不同
JavaScript 不像和c# vb.net 中一樣 直接就可以替換所以的要替換的字符2010-06-06再談JavaScript中bind、call、apply三個方法的區(qū)別與使用方式
這篇文章主要介紹了Javascript中bind、call、apply三個方法的使用方式,需要的朋友可以參考下2022-05-05解決微信小程序調(diào)用moveToLocation失效問題【超簡單】
這篇文章主要介紹了解決微信小程序調(diào)用moveToLocation失效問題,解決方法超級簡單,需要的朋友可以參考下2019-04-04