javascript判断图片是否加载完成的方法推荐_javas

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判断图片是否加载完成的方法推荐就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持程序员学习网。
			  
              
本网刊登的文章均仅代表作者个人观点，并不代表本网立场。文中的论述和观点，敬请读者注意判断。
              
本文地址：http://www.xlkjgs.com/notes/js/3668.html