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() {};
实验结果是可行的。
相关文章
使用smartupload组件实现jsp+jdbc上传下载文件实例解析
这篇文章主要介绍了使用smartupload组件实现jsp+jdbc上传下载文件实例解析,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-01-01
uniapp使用navigateBack方法返回上级页面并刷新的简单示例
最近写uniapp项目的时候发现有时候需要更新页面数据,所以下面这篇文章主要给大家介绍了关于uniapp使用navigateBack方法返回上级页面并刷新的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-03-03
本文介绍了js实现自定义路由，主要是事件hashchange的使用，然后根据我们的业务需求封装。具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
JavaScript 中 this 关键字的作用及改变其上下文的方法
这篇文章主要介绍了JavaScript 中 this 关键字的作用和如何改变其上下文,通过使用 call, apply, bind 方法，可以改变函数中的 this 指向，从而在不同的上下文中使用同一个函数，需要的朋友可以参考下2023-01-01
这篇文章主要介绍了JS解惑之Object中的key是有序的么，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-05-05
这篇文章主要为大家详细介绍了js实现网页图片轮换播放，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
这篇文章主要介绍了js设置默认时间跨度过程详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-07-07
这篇文章主要介绍了JavaScript动态添加style节点的方法,涉及javascript节点操作的相关技巧,需要的朋友可以参考下2015-06-06
JavaScript开发Chrome浏览器扩展程序UI的教程
Chrome扩展开发API中提供了一些关于UI外观的操作,如果是刚刚上手的话首先需要了解Browser Actions、Omnibox、选项页等,在这篇JavaScript开发Chrome浏览器扩展程序UI的教程中,我们先来回顾一下基本知识:2016-05-05
这篇文章主要介绍了利用javascript实现全部删或清空所选的操作,需要的朋友可以参考下2014-05-05
最新评论