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判断字符输入个数(数字英文长度记为1,中文记为2,超过长度自动截取)
Oct 15 Javascript
javascript中的绑定与解绑函数应用示例
Jun 24 Javascript
jQuery中size()方法用法实例
Dec 27 Javascript
纯js实现重发验证码按钮倒数功能
Apr 21 Javascript
PassWord输入框代码分享
Jun 07 Javascript
AngularJS入门教程之链接与图片模板详解
Aug 19 Javascript
jQuery ready()和onload的加载耗时分析
Sep 08 Javascript
jquery.uploadifive插件怎么解决上传限制图片或文件大小问题
May 08 jQuery
关于jQuery里prev()的简单操作代码
Oct 27 jQuery
巧妙运用v-model实现父子组件传值的方法示例
Apr 07 Javascript
JAVA面试题 static关键字详解
Jul 16 Javascript
vue实现二级导航栏效果
Oct 19 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
php实现无限级分类实现代码(递归方法)
2011/01/01 PHP
用php简单实现加减乘除计算器
2014/01/06 PHP
PHP调试函数和日志记录函数分享
2015/01/31 PHP
laravel 事件/监听器实例代码
2019/04/12 PHP
解决windows上php xdebug 无法调试的问题
2020/02/19 PHP
jQuery的一些注意
2006/12/06 Javascript
javascript编程起步(第六课)
2007/01/10 Javascript
js实现延时加载Flash的方法
2015/11/26 Javascript
理解Javascript的call、apply
2015/12/16 Javascript
jQuery Tags Input Plugin(添加/删除标签插件)详解
2016/06/20 Javascript
js 实现数值的千分位及保存小数方法(推荐)
2016/08/01 Javascript
使用BootStrap建立响应式网页——通栏轮播图(carousel)
2016/12/21 Javascript
原生JS下拉加载插件分享
2016/12/26 Javascript
关于Angular2 + node接口调试的解决方案
2017/05/28 Javascript
Angular 1.x个人使用的经验小结
2017/07/19 Javascript
nodejs实现超简单生成二维码的方法
2018/03/17 NodeJs
Nuxt.js 数据双向绑定的实现
2019/02/17 Javascript
使用layui的layer组件做弹出层的例子
2019/09/27 Javascript
原生JavaScript实现的无缝滚动功能详解
2020/01/17 Javascript
[01:44]Ti10举办地公布
2019/08/25 DOTA
linux环境下安装pyramid和新建项目的步骤
2013/11/27 Python
python3.7简单的爬虫实例详解
2019/07/08 Python
MATLAB数学建模之画图汇总
2020/07/16 Python
HTML5中语义化 b 和 i 标签
2008/10/17 HTML / CSS
环境科学专业个人求职信
2013/09/26 职场文书
公司道歉信范文
2014/01/09 职场文书
中学生班主任评语
2014/01/30 职场文书
公司年终奖分配方案
2014/06/16 职场文书
岗位安全生产责任书
2014/07/28 职场文书
流动人口婚育证明范本
2014/09/26 职场文书
2015年度物业公司工作总结
2015/04/27 职场文书
廉政承诺书2015
2015/04/28 职场文书
2015年客房服务员工作总结
2015/05/15 职场文书
2015年生活老师工作总结
2015/05/27 职场文书
小学校长开学致辞
2015/07/29 职场文书
Pytorch数据读取之Dataset和DataLoader知识总结
2021/05/23 Python