onload和ready的区别
来源:互联网 发布:mt4软件开发 编辑:程序博客网 时间:2024/05/22 07:40
今天想等网页加载好后动态计算某个div宽高和位置。
起初用的是下面这种方式:
这东西不是很靠谱啊(当然它也有它的优点,在这里用就不靠谱了),这个不是一定等页面的图片全部加载完成才触发的。
它在DOM就绪后就触发了,而此时,dom元素所关联的内容可能还没有加载完毕。
比如图片的宽、高,图片的父容器的宽、高此时就不一定有值。
后来改成了
必须等待网页中所有的内容加载完毕后 ( 包括图片 ) 才能执行
起初用的是下面这种方式:
$(function(){ doAdapter();})$(document).ready(function(){ doAdapter();});
这东西不是很靠谱啊(当然它也有它的优点,在这里用就不靠谱了),这个不是一定等页面的图片全部加载完成才触发的。
它在DOM就绪后就触发了,而此时,dom元素所关联的内容可能还没有加载完毕。
比如图片的宽、高,图片的父容器的宽、高此时就不一定有值。
后来改成了
<body onload="doAdapter();">
$(window).load(function() {doAdapter();});
必须等待网页中所有的内容加载完毕后 ( 包括图片 ) 才能执行
效果就好了。
借用网友的一张图:
0 0
- onload和ready的区别
- onload和ready的区别
- $.ready和onload 区别
- $.ready和onload 区别
- $.ready和onload 区别
- document.ready和window.onload的区别
- document.ready和onload的区别
- $(document).ready()和window.onload的区别
- document.ready和window.onload的区别
- document.ready和onload的区别
- window.onload 和 $(document).ready的 区别
- window.onload和$(document).ready()的区别
- $(document).ready和window.onload的区别
- $(document).ready和window.onload的区别
- jQuery ready和 window的 onload区别
- $(document).ready()和window.onload的区别
- document.ready和window.onload的区别
- document.ready和window.onload的区别
- High Performance MySQL Chapter1
- Android内核开发:如何统计系统的启动时间
- 白手起家学习数据科学 ——k-Nearest Neighbors之“维度诅咒”(九)
- MySQL数据类型和常用字段属性总结
- 怕人的原因
- onload和ready的区别
- linux下 如何创建默认oracle用户
- CNN卷积神经网络新想法
- CXListCtrl的编辑框无法删除文本
- error while loading shared libraries: libssl.so.6
- String与InputStream相互转换
- Assert和Enumeration的用法
- OS X EL Capitan U盘安装制作
- git安装