>  기사  >  웹 프론트엔드  >  JavaScript를 사용하여 이미지가 로드되었는지 확인하는 세 가지 방법_javascript 기술

JavaScript를 사용하여 이미지가 로드되었는지 확인하는 세 가지 방법_javascript 기술

WBOY
WBOY원래의
2016-05-16 16:50:171242검색

때로는 이미지가 로드된 후에 수행해야 하는 이미지의 크기를 가져와야 하는 경우도 있습니다. 이를 달성하는 방법에는 세 가지가 있으며, 아래에서 하나씩 소개합니다.

1. 이벤트 로드

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




;



로드 중...






테스트됨, 모든 브라우저에 표시됨 "loaded"는 모든 브라우저가 img의 로드 이벤트를 지원함을 나타냅니다.

2.readystatechange 이벤트




이벤트 ;



로드 중...



/html>


폴링은 img의 전체 속성을 지속적으로 모니터링하며 true인 경우 이미지가 로드되었음을 나타내고 폴링을 중지합니다. 이 속성은 모든 브라우저에서 지원됩니다.

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