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

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

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

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

复制代码 代码如下:

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

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

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

复制代码 代码如下:

jQuery(function(){
jQuery(window).load(function(){
/*对图片的操作,可获取img高度,宽度,进行一些列操作等!*/
});
});

时间: 2024-09-07 02:57:03

jquery实现在页面加载完毕后获取图片高度或宽度_jquery的相关文章

页面加载完毕后滚动条自动滚动一定位置

 希望页面加载完毕后向左自动滚动一定位置,下面有个不错的方法可以轻松帮大家实现下 昨天有一需求,是希望页面加载完毕后向左自动滚动一定位置.    一直以为只要给页面的 document.documentElement.scrollLeft 设置一个数值就生效,结果失望了~  今天抽空一查,才发现:  使用document.documentElement.scrollLeft 设置值,必须在人为事件触发下才生效:  想要页面加载完毕时自动滚动一定距离,则使用jquery的animate,如下面例子

页面加载完毕后滚动条自动滚动一定位置_javascript技巧

昨天有一需求,是希望页面加载完毕后向左自动滚动一定位置. 一直以为只要给页面的 document.documentElement.scrollLeft 设置一个数值就生效,结果失望了~ 今天抽空一查,才发现: 使用document.documentElement.scrollLeft 设置值,必须在人为事件触发下才生效: 想要页面加载完毕时自动滚动一定距离,则使用jquery的animate,如下面例子: $("html,body").animate({"scrollLeft

jQuery如何实现页面加载完毕再去执行代码

 jQuery如何实现页面加载完毕再去执行代码: 本章节介绍一下如何当页面加载完毕再去执行响应的代码.这个是比较基础的问题,下面做一下简单介绍. 解决方案一: $(document).ready(function(){   //code }) 解决方案二: jQuery(document).ready(function(){   //code }) 解决方案三: window.onload=function(){   //code } 解决方案四: 将jquery代码放入body的后面,这样也会

在webbrowser中右键a标签都带有spm值,但在页面加载完毕后,在自定义按钮事件中用如下代码读取时,都没有spm值,求大神帮助。

问题描述 在webbrowser中右键a标签都带有spm值,但在页面加载完毕后,源文件的a标签都没有spm值,右击a标签之后spm值就会出现.估计是"//g.alicdn.com/alilog/mlog/??spm.js,spmact.js?v=141204"里的y()函数在加载的时候没有被触发.敢问大神怎么解决这个问题呢,只要实现我在模拟点击的a标签里有spm的值. 解决方案 本帖最后由 hunter1861 于 2015-10-05 15:17:24 编辑解决方案二:顶一下,大神们

关于页面加载完毕后,修改结构的问题

问题描述 我想等页面加载完毕后让row里面有6个item应该怎么写?换句话来说就是:本来一行显示4个,共三行,现在一行显示6个,共两行,最后一行空白 问题补充:蔡华江 写道 解决方案 $(".item").each(function(i,n){ $(this).appendTo($(".row").eq(i/6));});未测试,你看下解决方案二:一个简单的办法,将所有的div设置float:left;那么他们就会从左往右一直铺过去了.解决方案三:试试:var di

两种方法实现在HTML页面加载完毕后运行某个js_javascript技巧

js方法: 复制代码 代码如下: <script type="text/javascript"> window.onload=function(){ var userName="xiaoming"; alert(userName); } </script> 以下为jQuery方法,需要引用jQuery文件. 复制代码 代码如下: <script type="text/javascript"> $(documen

在css加载完毕后自动判断页面是否加入css或js文件_jquery

最近在写项目的framework,写个JQueryMessageBox的类,以使用jquery ui中的dialog()来显示消息框,为了使方法方便调用,便加入了自动判断页面是否加入了ui.js和ui.css,代码如下: //如果没有包含ui.js,则引用 if ($('script[src$=""jquery-ui-1.8.11.custom.min.js""]').length == 0) {{ $(""<script src='/js

页面加载完成后再执行JS的jquery写法以及区别说明

 本篇文章主要是对页面加载完成后再执行JS的jquery写法以及区别进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 1.$(function(){  $("#a").click(function(){  //adding your code here  });  });  2.$(document).ready(function(){  $("#a").click(function(){  //adding your code here   });  })

在页面加载完成后通过jquery给多个span赋值_jquery

由于我想在页面加载完成后,有几个地方显示当前时间,所以我需要给多个span赋值. span代码的写法如下: 复制代码 代码如下: <span name="currentDate"></span> (多个span) jQuery写法: 复制代码 代码如下: <script> $(document).ready(function() { var currentDate = new Date().toLocaleDateString(); $("