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

前端技术 2023/09/07 JavaScript

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判断图片是否加载完成的方法推荐就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持phpstudy。

本文地址：https://www.stayed.cn/item/19261

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案