window.onload()和$(document).ready()区别
来源:互联网 发布:js回调函数原理 编辑:程序博客网 时间:2024/06/05 02:24
在做itoo项目中,碰到一个问题就是有个js中的方法始终是执行不到,原因就是该方法放在了window.onload()下,而又由于页面加载不完的原因,导致该方法始终执行不到。
所以改用了$(document).ready(),这个方法和window.onload()有什么区别呢?
1.两个方法执行的时间是不一样的
window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。
假如用window.onload,页面上的js有个报错或者找不到图片等资源,就会一直等着。
2.两个方法重复执行的问题
window.onload只能执行一次,假如写了多个该方法只执行最后的一个。
$(document).ready()可以写多个,执行顺序是按照编写的顺序进行执行。
如果两个方法都写了,那么 $(document).ready()是比window.onload要先执行的。
原生js中是没有ready方法的,如果不想引用jQuery,则可以自己创建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('onreadytstatechange', function () { if (document.readyState == "complete") { document.detachEvent("onreadystatechange", arguments.callee); callback(); } }) } else if (document.lastChild == document.body) { callback(); } }
0 0
- 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的区别
- jquery $(document).ready和window.onload区别
- $(document).ready()和window.onload的区别
- window.onload()和$(document).ready()区别
- document.ready和window.onload的区别
- document.ready和window.onload的区别
- window.onload和$(document).ready(function(){})区别
- document.ready和window.onload的区别
- document.ready和window.onload的区别
- $(document).ready()和window.onload的区别
- window.onload 和 document.ready的区别
- $(document).ready() 和 window.onload 的区别
- C/C++带括号四则运算
- sprintf和printf http://blog.sina.com.cn/s/blog_44f08a12010007pi.html
- 台湾国立大学机器学习基石.听课笔记(第三讲): 机器学习的分类
- 天天的招聘,天天的解聘!民营医疗你的人才在哪?
- 图片裁剪类
- window.onload()和$(document).ready()区别
- OC 多态的运行 学习笔记
- 文件的编码
- 整体代码缩进
- uvalive(NIM博弈)
- Android TextView 支持BBCode的显示
- WebStorm 注册码
- NYOJ 865 解题报告
- 《混合存储综述》 总结