onload和ready的区别

来源:互联网 发布:mt4软件开发 编辑:程序博客网 时间:2024/05/22 07:40
今天想等网页加载好后动态计算某个div宽高和位置。
起初用的是下面这种方式:
$(function(){    doAdapter();})$(document).ready(function(){    doAdapter();});

这东西不是很靠谱啊(当然它也有它的优点,在这里用就不靠谱了),这个不是一定等页面的图片全部加载完成才触发的。
它在DOM就绪后就触发了,而此时,dom元素所关联的内容可能还没有加载完毕。
比如图片的宽、高,图片的父容器的宽、高此时就不一定有值。
后来改成了 
<body onload="doAdapter();">

$(window).load(function() {doAdapter();});

必须等待网页中所有的内容加载完毕后 ( 包括图片 ) 才能执行

效果就好了。

借用网友的一张图:


0 0
原创粉丝点击