load事件
<script type="text/javascript"> $('img').onload = function() { //code } </script>
優點:簡單易用,不影響HTML代碼。
缺點:只能指定一個元素,javascipt代碼必須置於圖片元素的下方
jquery方法
<script type="text/javascript"> $(function(){ $('.pic1').each(function() { $(this).load(function(){ $(this).fadeIn(); }); }); }) </script>
注意,不要在$(document).ready()裡綁定load事件。
優點:可以批量綁定元素事件,並且不影響HTML代碼內容
缺點:需要jquery庫的支持,代碼需要放置到需要操作元素的下方。
以上這篇javascript判斷圖片是否加載完成的方法推薦就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。