IE_javascript 기술 아래 window.onresize의 다중 호출 및 무한 루프 버그를 처리하는 방법 소개

window.onresize에는 IE 브라우저에서 여러 번 실행되거나 끝없이 반복되어 브라우저가 정지되는 버그가 있습니다

해결책:

코드 복사 코드는 다음과 같습니다.

//IE 브라우저 아래 div에 onresize 이벤트를 배치합니다.
if(navigator.userAgent && navigator.userAgent.toLowerCase().indexOf("msie")>-1){
document.body.innerHTML = '

' document.body.innerHTML;
} else {
window.onresize = function(){
ResetClientWidth();
lazyLoadImgesMethod();
};
}

ps: FF 브라우저는 div에 onresize 이벤트 작성을 지원하지 않습니다. 비록 window.onresize가 FF에서 무한 반복되지는 않지만, 함수에 경고가 실행되면 FF 브라우저는 또한 멈춥니다. 이는 매우 무력한 버그입니다.

PS: navigator.userAgent.split(";")[1].toLowerCase().indexOf("msie")>-1 IE 판단 문제는 Chrome 브라우저에 나타납니다." toLowerCase( )" 메서드 정의되지 않은 오류가 발생했습니다.

그래서 수정 사항은 navigator.userAgent.toLowerCase().indexOf("msie")>-1

입니다.