jQuery教程

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

本文主要是介绍jquery实现在页面加载完毕后获取图片高度或宽度,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
日前,本技术屌丝又遇到了一个很有意思的问题,应项目要求,需要在页面加载完毕之后获取图片的高度,以此来调整图片上面的覆盖层相对于图片顶端的位置。

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

本屌丝就想啊,要是jquery有个跟js的onload()的方法多好啊,擦~真是天上掉下个大狗屎,恰巧砸到本屌丝~~在网上搜了下,还真有这么个方法,写法如下:
复制代码 代码如下:

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

本屌丝见到这个方法,如同在贫民窟里看到一坨金光闪闪的狗屎~~遂赶紧试了下,哇~~~哇~~~哇哦~~~真爽!还真解决了!

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

jQuery(function(){
jQuery(window).load(function(){
/*对图片的操作,可获取img高度,宽度,进行一些列操作等!*/
});
});
这篇关于jquery实现在页面加载完毕后获取图片高度或宽度的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!