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

2019-12-21,,

日前,本技术屌丝又遇到了一个很有意思的问题,应项目要求,需要在页面加载完毕之后获取图片的高度,以此来调整图片上面的覆盖层相对于图片顶端的位置。

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

本屌丝就想啊,要是jquery有个跟js的onload()的方法多好啊,擦~真是天上掉下个大狗屎,恰巧砸到本屌丝~~在网上搜了下,还真有这么个方法,写法如下:
复制代码 代码如下:
$(window).load(function() {
alert("你猜图片加载完毕了吗?");
});

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

不得不佩服jquery的强大!为了保险期间,进行了深层的进化,代码如下:
复制代码 代码如下:
jQuery(function(){
jQuery(window).load(function(){
/*对图片的操作,可获取img高度,宽度,进行一些列操作等!*/
});
});

您可能感兴趣的文章:

  • jquery实现动态改变div宽度和高度
  • jquery动态改变div宽度和高度
  • 基于jQuery实现左右div自适应高度完全相同的代码
  • js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码
  • js和jquery如何获取图片真实的宽度和高度
  • JQuery获取当前屏幕的高度宽度的实现代码
  • JS和jquery获取各种屏幕的宽度和高度的代码
  • 使用jquery获取网页中图片高度的两种方法
  • JQuery获取各种宽度、高度(format函数)实例
  • JQuery获取浏览器窗口内容部分高度的代码
  • jQuery获取页面及个元素高度、宽度的总结——超实用
  • jquery获取文档高度和窗口高度汇总
  • jQuery实现获取隐藏div高度的方法示例

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

下载本文的Word格式文档,以方便收藏与打印。