js或者jquery判断图片是否加载完成实现代码

2019-12-24,,,

网页中有时候需要获得图片的宽度和高度,来定义某些大小,可是这个是需要从服务端请求图片,下载到本地才能够得到的,有些js或者jquery代码在还没有加载完图片时就执行了。怎么办呢?

jquery提供一个方法:
复制代码 代码如下:
01.$("").load(function(){...});

其中选择器是图片的id或class,function里面的方法就是回调函数,在图片加载完成后执行,但是我试验了很多,压根儿不是那么回事,正确的解决方法是:

用js的onload方法:
复制代码 代码如下:
document.getElementById("").onload = function() {};

实验结果是可行的。

您可能感兴趣的文章:

  • JS实现图片预加载无需等待
  • JS判断图片是否加载完成方法汇总(最新版)
  • javascript实现图片延迟加载方法汇总(三种方法)
  • js实现图片在未加载完成前显示加载中字样
  • JavaScript判断图片是否已经加载完毕的方法汇总
  • 解决js图片加载时出现404的问题
  • js 一个关于图片onload加载的事
  • Jquery图片延迟加载插件jquery.lazyload.js的使用方法
  • js图片延迟加载的实现方法及思路
  • 基于jquery的图片懒加载js
  • js针对图片加载失败的处理方法分析

《js或者jquery判断图片是否加载完成实现代码.doc》

下载本文的Word格式文档,以方便收藏与打印。