jquery实现在页面加载完毕后获取图片高度或宽度


Posted in Javascript onJune 16, 2014

日前,本技术?潘坑钟龅搅艘桓龊苡幸馑嫉奈侍猓?ο钅恳?螅?枰?谝趁婕釉赝瓯现?蠡袢⊥计?母叨龋?源死吹髡?计?厦娴母哺遣阆喽杂谕计?ザ说奈恢谩

但在jquery(function(){ /*XXXXXX*/});里面写了之后发现不是很理想,因为当jquery准备就绪的时候,此时图片绝大部分情况下都没加载完毕,这可急坏了本?潘?~~T~T

本?潘烤拖氚。???query有个跟js的onload()的方法多好啊,擦~真是天上掉下个大狗屎,恰巧砸到本?潘?~在网上搜了下,还真有这么个方法,写法如下:

$(window).load(function() { 
alert("你猜图片加载完毕了吗?"); 
});

本?潘考?秸飧龇椒ǎ?缤?谄睹窨呃锟吹揭慧缃鸸馍辽恋墓肥?~遂赶紧试了下,哇~~~哇~~~哇哦~~~真爽!还真解决了!

不得不佩服jquery的强大!为了保险期间,进行了深层的进化,代码如下:

jQuery(function(){ 
jQuery(window).load(function(){ 
/*对图片的操作,可获取img高度,宽度,进行一些列操作等!*/ 
}); 
});
Javascript 相关文章推荐
jQuery移动和复制dom节点实用DOM操作案例
Dec 17 Javascript
js页面跳转的问题(跳转到父页面、最外层页面、本页面)
Aug 14 Javascript
Node.js Streams文件读写操作详解
Jul 04 Javascript
vue.js实现仿原生ios时间选择组件实例代码
Dec 21 Javascript
详解如何使用Node.js编写命令工具——以vue-cli为例
Jun 29 Javascript
AngularJS通过ng-Img-Crop实现头像截取的示例
Aug 17 Javascript
vue+iview写个弹框的示例代码
Dec 05 Javascript
vue-router路由懒加载和权限控制详解
Dec 13 Javascript
JS学习笔记之闭包小案例分析
May 29 Javascript
vue keep-alive列表页缓存 详情页返回上一页不刷新,定位到之前位置
Nov 26 Javascript
JavaScript实现打砖块游戏
Feb 25 Javascript
原生JS实现弹幕效果的简单操作指南
Nov 10 Javascript
jQuery实现简单网页遮罩层/弹出层效果兼容IE6、IE7
Jun 16 #Javascript
jquery网页回到顶部效果(图标渐隐,自写)
Jun 16 #Javascript
解决checkbox的attr(checked)一直为undefined问题
Jun 16 #Javascript
Javascript实现简单的富文本编辑器附演示
Jun 16 #Javascript
javascript操纵OGNL标签示例代码
Jun 16 #Javascript
jQuery图片切换插件jquery.cycle.js使用示例
Jun 16 #Javascript
select多选 multiple的使用示例
Jun 16 #Javascript
You might like
浅谈电磁辐射对健康的影响
2021/03/01 无线电
windows下PHP APACHE MYSQ完整配置
2007/01/02 PHP
php读取图片内容并输出到浏览器的实现代码
2013/08/08 PHP
php+mysqli使用面向对象方式更新数据库实例
2015/01/29 PHP
深入浅析用PHP实现MVC
2016/03/02 PHP
php反射类ReflectionClass用法分析
2016/05/12 PHP
centos下file_put_contents()无法写入文件的原因及解决方法
2017/04/01 PHP
php实现统计二进制中1的个数算法示例
2018/01/23 PHP
jQuery + Flex 通过拖拽方式动态改变图片的代码
2011/08/03 Javascript
document.getElementById获取控件对象为空的解决方法
2013/11/20 Javascript
jquery实现的网页自动播放声音
2014/04/30 Javascript
JavaScript中的toLocaleDateString()方法使用简介
2015/06/12 Javascript
javascript中利用柯里化函数实现bind方法
2016/04/29 Javascript
客户端(vue框架)与服务器(koa框架)通信及服务器跨域配置详解
2017/08/26 Javascript
如何使node也支持从url加载一个module详解
2018/06/05 Javascript
node.js监听文件变化的实现方法
2019/04/17 Javascript
angular4应用中输入的最小值和最大值的方法
2019/05/17 Javascript
Node.js API详解之 V8模块用法实例分析
2020/06/05 Javascript
[03:09]2014DOTA2国际邀请赛 Mushi前队友送上祝福
2014/07/12 DOTA
python返回昨天日期的方法
2015/05/13 Python
Python实现导出数据生成excel报表的方法示例
2017/07/12 Python
django 消息框架 message使用详解
2019/07/22 Python
python lambda表达式(匿名函数)写法解析
2019/09/16 Python
Python使用tkinter实现小时钟效果
2021/02/22 Python
利用CSS3实现炫酷的飞机起飞动画
2016/09/17 HTML / CSS
css3 中实现炫酷的loading效果
2019/04/26 HTML / CSS
详解css3使用transform出现字体模糊的解决办法
2020/10/16 HTML / CSS
英国第一职业高尔夫商店:Clickgolf.co.uk
2020/11/18 全球购物
机械设计职业生涯规划书
2013/12/27 职场文书
高一生物教学反思
2014/01/17 职场文书
给幼儿园老师的表扬信
2014/01/19 职场文书
运动会解说词100字
2014/01/31 职场文书
外贸员简历中的自我评价
2014/03/04 职场文书
《路旁的橡树》教学反思
2014/04/07 职场文书
2014年学校党建工作汇报材料
2014/11/02 职场文书
因公司原因离职的辞职信范文
2015/05/12 职场文书