document.ready和window.onload的区别
来源:互联网 发布:你的孤独虽败犹荣知乎 编辑:程序博客网 时间:2024/06/08 12:04
在Jquery里面,我们可以看到两种写法:
这两个方法的效果都是一样的,都是在dom文档树加载完之后执行一个函数(注意,这里面的文档树加载完不代表全部文件加载完)。
而window.onload是在dom文档树加载完和所有文件加载完之后执行一个函数。也就是说$(document).ready要比window.onload先执行。
那么Jquery里面$(document).ready函数的内部是怎么实现的呢?下面我们就来看看:
window.onload = function () {
我们来为document添加一个ready函数:
document.ready = function (callback) {
///兼容FF,Google
if (document.addEventListener) {
document.addEventListener('DOMContentLoaded', function () {
document.removeEventListener('DOMContentLoaded', arguments.callee, false);
callback();
}, false)
}
//兼容IE
else if (document.attachEvent) {
document.attachEvent('onreadystatechange', function () {
if (document.readyState == "complete") {
document.detachEvent("onreadystatechange", arguments.callee);
callback();
}
})
}
else if (document.lastChild == document.body) {
callback();
}
}
document.ready这个函数是实现了。我们再来验证一下最上面所说的“ready要比onload先执行”
alert(‘onload’); };
document.ready(function () { alert('ready'); });执行这段代码之后,你会看到浏览器里面会先弹出“ready”,在弹出onload。
- document.ready和window.onload的区别
- $(document).ready()和window.onload的区别
- document.ready和window.onload的区别
- window.onload 和 $(document).ready的 区别
- window.onload和$(document).ready()的区别
- $(document).ready和window.onload的区别
- $(document).ready和window.onload的区别
- $(document).ready()和window.onload的区别
- document.ready和window.onload的区别
- document.ready和window.onload的区别
- document.ready和window.onload的区别
- document.ready和window.onload的区别
- $(document).ready()和window.onload的区别
- window.onload 和 document.ready的区别
- $(document).ready() 和 window.onload 的区别
- document.ready和window.onload的区别
- $(document).ready(); 和 window.onload();的区别
- window.onload和$(document).ready()的区别
- [Android] Android制作自己的依赖库让别人引用(2)
- Boosting和梯度Boosting
- js for循环调用ajax 函数封装 闭包 回调
- Tomcat中使用commons-io-2.5发生的错误java.lang.ClassNotFoundException- org.apache.commons.io.IOUtils
- 数字货币钱包基础
- document.ready和window.onload的区别
- 吾爱破解160个crackme之008 009 0010 0011
- [Android-ARCore开发]ARCore从入门到放弃1-Demo上手
- Anaconda IDE的基本使用
- scala基本语法学习
- SQL的插入操作
- json_encode的实现方法
- stm32f103 FreeRTOS 滴答时钟配置
- 面试问题redis rdb 和aof的区别