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


Posted in Javascript onMarch 20, 2013

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

jquery提供一个方法:

01.$("").load(function(){...});

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

用js的onload方法:

document.getElementById("").onload = function() {};

实验结果是可行的。
Javascript 相关文章推荐
基于jquery的滚动新闻列表
Jun 19 Javascript
运算符&&的三个不同层次
Apr 07 Javascript
js防止页面被iframe调用的方法
Oct 30 Javascript
理解javascript中的MVC模式
Jan 28 Javascript
Angular 4.x 路由快速入门学习
May 03 Javascript
vue.js获取数据库数据实例代码
May 26 Javascript
对vue下点击事件传参和不传参的区别详解
Sep 15 Javascript
解决axios会发送两次请求,有个OPTIONS请求的问题
Oct 25 Javascript
JS/HTML5游戏常用算法之碰撞检测 像素检测算法实例详解
Dec 12 Javascript
解决layui中onchange失效以及form动态渲染失效的问题
Sep 27 Javascript
ant design 日期格式化的实现
Oct 27 Javascript
微信小程序实现音乐播放页面布局
Dec 11 Javascript
javascript 三种方法实现获得和设置以及移除元素属性
Mar 20 #Javascript
asp.net中System.Timers.Timer的使用方法
Mar 20 #Javascript
js控制的回到页面顶端goTop的代码实现
Mar 20 #Javascript
让图片旋转任意角度及JQuery插件使用介绍
Mar 20 #Javascript
jquery在Chrome下获取图片的长宽问题解决
Mar 20 #Javascript
javascript中[]和{}对象使用介绍
Mar 20 #Javascript
javascript中节点的最近的相关节点访问方法
Mar 20 #Javascript
You might like
mysql+php分页类(已测)
2008/03/31 PHP
解析PHP中VC6 X86和VC9 X86的区别及 Non Thread Safe的意思
2013/06/28 PHP
php对二维数组进行排序的简单实例
2013/12/19 PHP
javascript 面向对象编程基础:继承
2009/08/21 Javascript
JAVASCRIPT style 中visibility和display之间的区别
2010/01/22 Javascript
jQuery 表格工具集
2010/04/25 Javascript
js对象之JS入门之Array对象操作小结
2011/01/09 Javascript
Jquery 在页面加载后执行的几种方式
2014/03/14 Javascript
jquery easyui使用心得
2014/07/07 Javascript
JavaScript添加随滚动条滚动窗体的方法
2016/02/23 Javascript
JS判断元素是否在数组内的实现代码
2016/03/30 Javascript
jQuery事件绑定on()与弹窗实现代码
2016/04/28 Javascript
AngularJS 实现弹性盒子布局的方法
2016/08/30 Javascript
javascript跨域请求包装函数与用法示例
2016/11/03 Javascript
JavaScript中this的用法实例分析
2016/12/19 Javascript
ECMAScript6 新特性范例大全
2017/03/24 Javascript
详谈js原型继承的一些问题
2017/09/06 Javascript
js 中rewrap-ajax.js插件实例代码
2017/10/20 Javascript
浅析vue插槽和作用域插槽的理解
2019/04/22 Javascript
Node对CommonJS的模块规范
2019/11/06 Javascript
js 对象使用的小技巧实例分析
2019/11/08 Javascript
vue使用exif获取图片旋转,压缩的示例代码
2020/12/11 Vue.js
Python实现针对给定单链表删除指定节点的方法
2018/04/12 Python
[原创]Python入门教程2. 字符串基本操作【运算、格式化输出、常用函数】
2018/10/29 Python
对Python生成器、装饰器、递归的使用详解
2019/07/19 Python
浅谈Django+Gunicorn+Nginx部署之路
2019/09/11 Python
调整Jupyter notebook的启动目录操作
2020/04/10 Python
Python生成随机验证码代码实例解析
2020/06/09 Python
Python虚拟环境的创建和使用详解
2020/09/07 Python
纯CSS3实现圆圈动态发光特效动画的示例代码
2021/03/08 HTML / CSS
里程积分管理买卖交换平台:Points.com
2017/01/13 全球购物
应届毕业生求职信
2013/11/30 职场文书
2014国庆节商场促销活动策划方案
2014/09/16 职场文书
代办社保委托书范文
2014/10/06 职场文书
热情服务标语
2014/10/07 职场文书
无故旷工检讨书
2015/08/15 职场文书