今天想等网页加载好后动态计算某个div宽高和位置。
起初用的是下面这种方式:
这东西不是很靠谱啊(当然它也有它的优点,在这里用就不靠谱了),这个不是一定等页面的图片全部加载完成才触发的。
它在DOM就绪后就触发了,而此时,dom元素所关联的内容可能还没有加载完毕。
比如图片的宽、高,图片的父容器的宽、高此时就不一定有值。
后来改成了
必须等待网页中所有的内容加载完毕后 ( 包括图片 ) 才能执行
起初用的是下面这种方式:
$(function(){
doAdapter();
})
$(document).ready(function(){
doAdapter();
});
这东西不是很靠谱啊(当然它也有它的优点,在这里用就不靠谱了),这个不是一定等页面的图片全部加载完成才触发的。
它在DOM就绪后就触发了,而此时,dom元素所关联的内容可能还没有加载完毕。
比如图片的宽、高,图片的父容器的宽、高此时就不一定有值。
后来改成了
<body οnlοad="doAdapter();">
$(window).load(function() {
doAdapter();
});
必须等待网页中所有的内容加载完毕后 ( 包括图片 ) 才能执行
效果就好了。
借用网友的一张图: