로드 이벤트
<script type = "text/javaScript"> $ ( 'img'). onload = function () {// code} </script>장점 : HTML 코드에 영향을 미치지 않고 간단하고 사용하기 쉬운.
단점 : 하나의 요소 만 지정할 수 있으며 javascipt 코드는 이미지 요소 아래에 배치해야합니다.
jQuery 방법
<script type = "text/javaScript"> $ (function () {$ ( '. pic1'). 각 (function () {$ (this) .load (function () {$ (this) .fadein ();});}) </script>$ (document) .ready ()에로드 이벤트를 바인딩하지 마십시오.
장점 : 요소 이벤트는 배치로 바인딩 될 수 있으며 HTML 코드 컨텐츠에 영향을 미치지 않습니다.
단점 : jQuery 라이브러리의 지원이 필요하며 코드는 작동 해야하는 요소 아래에 배치해야합니다.
이미지가로드되어 있는지 확인하는 위의 방법은 JavaScript에서 권장됩니다. 이것은 편집자가 공유하는 모든 내용입니다. 나는 그것이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원할 수 있기를 바랍니다.