js或者jquery判断图片是否加载完成实现代码
更新时间：2013年03月20日 16:05:50 作者：
需要获得图片的宽度和高度，有些js或者jquery代码在还没有加载完图片时就执行了，这个问题该怎么解决呢？接下来分别介绍下js与jquery提供的方法
网页中有时候需要获得图片的宽度和高度，来定义某些大小，可是这个是需要从服务端请求图片，下载到本地才能够得到的，有些js或者jquery代码在还没有加载完图片时就执行了。怎么办呢？
jquery提供一个方法：
01.$("").load(function(){...});
其中选择器是图片的id或class，function里面的方法就是回调函数，在图片加载完成后执行，但是我试验了很多，压根儿不是那么回事，正确的解决方法是：
用js的onload方法：
document.getElementById("").onload = function() {};
实验结果是可行的。
jquery提供一个方法：
复制代码 代码如下:
01.$("").load(function(){...});
其中选择器是图片的id或class，function里面的方法就是回调函数，在图片加载完成后执行，但是我试验了很多，压根儿不是那么回事，正确的解决方法是：
用js的onload方法：
复制代码 代码如下:
document.getElementById("").onload = function() {};
实验结果是可行的。
相关文章
这篇文章主要为大家详细介绍了JavaScript事件类型中焦点、鼠标和滚轮事件，以及注意事项，感兴趣的小伙伴们可以参考一下2016-01-01
这篇文章主要为大家详细介绍了微信小程序自定义tab切换，可滑动，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
这篇文章主要介绍了如何使用JavaScript的`navigator.onLine`属性和`ononline`、`onoffline`事件来检测浏览器的在线状态,并提供了兼容性代码示例,需要的朋友可以参考下2025-02-02
这篇文章主要介绍了JS实现将数字金额转换为大写人民币汉字的方法,涉及javascript字符串与数组操作的相关技巧,需要的朋友可以参考下2016-08-08
在前端开发中，有时候我们需要判断一个元素是否在可视区域内，本文主要介绍了js如何对元素可视区域进行判定，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-04-04
JavaScript浏览器对象模型BOM(BrowserObjectModel)实例详解
这篇文章主要介绍了JavaScript浏览器对象模型BOM(BrowserObjectModel),结合实例形式较为详细的分析了BOM模型的常用对象与相关使用技巧,需要的朋友可以参考下2016-11-11
这篇文章主要给大家介绍了关于利用jsonp解决js读取本地json跨域的问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2018-12-12
在删除时为了提醒用户删除数据的不可恢复一般都会有提示处理的，通常会使用js做到这一点，下面有个不错的示例，感兴趣的朋友可以参考下2013-11-11
这篇文章主要介绍了微信小程序之数据绑定原理解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-08-08
JavaScript中的命令模式是一种设计模式,它提供了一种将命令封装为对象的方式,从而允许我们将请求与实际执行该请求的操作对象解耦,这种模式可以在不同的场景中使用,例如实现撤销/重做操作、队列任务等,本文我们将讲解命令设计模式在JS中的使用2023-08-08
最新评论