当前位置：首页 > 资讯 > 技术文档

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

时间：2022-11-29 12:12 编辑：来源：阅读：
扫一扫，手机访问

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

[b]load事件[/b]

<script type="text/javascript">
  $('img').onload = function() {
    //code
  }
</script>

[b]优点：[/b]简单易用，不影响HTML代码。 [b]缺点：[/b]只能指定一个元素，javascipt代码必须置于图片元素的下方 [b]jquery方法[/b]

<script type="text/javascript">
$(function(){
  $('.pic1').each(function() {
    $(this).load(function(){
      $(this).fadeIn();
    });
  });
})
</script>

注意，不要在$(document).ready()里绑定load事件。 [b]优点：[/b]可以批量绑定元素事件，并且不影响HTML代码内容 [b]缺点：[/b]需要jquery库的支持，代码需要放置到需要操作元素的下方。以上这篇javascript判断图片是否加载完成的方法推荐就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程素材网。

全部评论(0)

上一篇：Js+XML 操作
下一篇：javascript创建动态表单的方法

资讯排行榜
更多>>