>  기사  >  웹 프론트엔드  >  js_javascript 스킬의 이미지 온로드 이벤트 사용 시 발생하는 문제

js_javascript 스킬의 이미지 온로드 이벤트 사용 시 발생하는 문제

WBOY
WBOY원래의
2016-05-16 16:42:031286검색

이미지 객체 온로드 이벤트에 대해.

당신이 얻고 싶은 것은 이미지의 너비와 높이입니다. 따라서 onload 방법을 사용하십시오. 다른 하나는 얻은 원격 사진입니다.

그러나 IE가 두 번째로 이미지를 표시할 때 항상 onload 방법을 사용하지 않습니다. 코드:

var img = new Image();
img.src = "loading.gif";
img.onload = function(){
var iheight = img.height;
var iwidth = img.width;
};

동급생 xiaoniu에게 보여주다가 img.src가 onload 메소드 뒤에 위치해야 한다는 것을 알게 되었습니다. .

나중에 구글링을 해보니 많은 사람들이 이런 문제를 정리한 것을 발견했습니다. . 나는 정말 아웃사이더다. .

IE는 버퍼 데이터를 로드할 때 onload 메서드를 트리거하지 않았기 때문에 이 이벤트의 코드는 무시되었습니다. FF가 버퍼 데이터를 로드하면 onload 메서드가 트리거됩니다.

사실 또 다른 점이 있습니다. 즉, onload 중에 이미지를 적응적으로 조정해야 한다는 것입니다. onload에서 요소에 대해 img.src를 설정해야 한다는 것을 알았습니다. . . 그렇지 않으면 첫 번째 사진만 기억합니다. . .

저는 아직 이 캐시 영역에 대해 잘 모릅니다. 계속하다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.