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

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

1. 이벤트 로드

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

;

로드 중...

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

2.readystatechange 이벤트

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

;

로드 중...

/html>


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