IE_javascript 스킬에서 이미지의 잘못된 onload 이벤트에 대한 문제 및 해결 방법

웹 개발에서는 이미지의 너비와 높이를 얻는 것이 일반적입니다. 이미지가 로드되기 전에는 이미지의 너비와 높이를 얻을 수 없습니다. 로딩이 완료되었습니다. 예:

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

var img = new Image();
img.src = "loading.gif";
img.onload = function(){
경고( img.width );
};

이 코드에는 문제가 없지만 IE에 버그가 있습니다. 처음 열 때는 괜찮은데 두 번째로 이 방법을 사용하면 응답하지 않습니다. , 새로 고쳐도 페이지도 마찬가지입니다. IE는 이미지를 캐시하기 때문에 두 번째로 로드되는 이미지는 서버에서 업로드되지 않고 버퍼에서 로드됩니다.
onload 메소드를 먼저 작성한 후, 이 이미지의 URL을 지정하시면 정상적으로 됩니다. 따라서 IE가 onload 이벤트를 트리거하지 않는 것이 아니라 버퍼가 너무 빨리 로드되어 img.onload가 실행되기 전에 이미 onload 이벤트가 트리거되었기 때문입니다. 괜찮습니다.

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

var img = new Image();
img .onload = function(){
경고( img.width );
};
img.src = "loading.gif";