javascript - 이미지가 로드되는 시기를 결정하는 Img.complete와 img.onload의 차이점은 무엇입니까?

Question

이미지 로딩 여부를 판단하는 둘의 차이점은 무엇인가요? 일반적으로 로딩이 완료되면 onload 이벤트가 호출됩니다. img.complete가 여전히 필요합니까?

Answer 1

img.complete는 Image 개체의 속성이며 부울 값을 반환합니다. img.onload는 이미지가 로드된 후 트리거되는 이벤트입니다.

Answer 2

이 두 가지에는 img.complete可以判断图片加载完成，img.onload并不能判断图片是否加载完，而是在加载完毕之后，直接运行onload바운드 기능만 있습니다.

Answer 3

complete는 HTMLImageElement 객체의 속성인 반면, onload는 Image 객체의 로드 이벤트 콜백입니다. 전자는 이벤트가 발생할 때 비동기 콜백을 정확하게 수행할 수 없으며 브라우저 호환성에 몇 가지 문제가 있습니다.

Answer 4

GlobalEventHandlers 믹스인의 onload 속성은 리소스가 로드될 때 실행되는 Window, XMLHttpRequest, <img> 요소 등의 로드 이벤트에 대한 이벤트 핸들러입니다.
img가 로드되면 onload 이벤트가 해제됩니다. , src 이미지가 비동기적으로 로드됩니다. 바인딩 이벤트 전에 로드가 완료되면 onload 이벤트가 트리거되지 않습니다.
img.complete는 항상 존재하며 로딩이 완료된 후에도 true가 되는 속성입니다.