本文详细探讨了DOM文档就绪状态的重要性，包括onload事件和DOMContentLoaded事件的区别，以及这两种事件在实际开发中的应用场景。例如，在元素绑定事件处理时确保DOM元素已完全加载，或者在页面部分元素加载完成即可进行用户交互的情况下如何利用DOMContentLoaded事件。
[size=large]
本节内容主要收集一些有关DOM文档ready有关的一些知识。
onload事件：是在网页资源（页面上所有的DOM，样式表，脚本，图片，flash等）全部
加载完毕后触发的一种事件。
DOMContentLoaded事件：是早于onload事件触发的一种事件。具体的时机是页面文档
加载完毕的时候。
dom的Ready跟我们平时那些开发有关呢？
比如常见的：
1.给一些元素绑定处理事件，但是如果代码写的不恰当，会造成文档元素还没加载
完毕，事件却已经执行完了，这样肯定是没有效果的。
2.还比如页面上的图片，flash虽然还没加载出来，但是其他的内容我们已经看到了
我们却不能做交互。常见的比如登录邮箱页面，邮箱地址和密码输入框已经
看到了，但是由于网页慢，该页面上的广告和动画还没加载出来，我们希望这时
可以进行信息的输入，我们才不管那些动画啥的好了没。
一般javaScript框架在处理不同浏览器的dom ready时涉及到以下知识点：
非IE内核中：
比如轮询document的readyState属性,
还有是否支持DOMContentLoaded事件。
IE内核中：
在IE内核中，doScroll函数必须在DOM加载完成后才能执行。
还有侦测doucument的onreadystatechange是否是complete。
当然上面的划分非IE内核啥的不太确切。现在IE内核也在进化。浏览器厂商越来越靠近
标准了。所以实际上做这方面处理时，是不侦测浏览器类型的，只看你是否支持这个函数
或类似函数。
更具体的解释可以看下网上这几篇博客:
[url]http://qingbob.com/blog/从onload和DOMContentLoaded谈起[/url]
[url]http://www.cnblogs.com/rubylouvre/archive/2009/12/30/1635645.html[/url]
[url]http://www.cnblogs.com/zhangziqiu/archive/2011/06/27/domready.html[/url]
[/size]
本节内容主要收集一些有关DOM文档ready有关的一些知识。
onload事件：是在网页资源（页面上所有的DOM，样式表，脚本，图片，flash等）全部
加载完毕后触发的一种事件。
DOMContentLoaded事件：是早于onload事件触发的一种事件。具体的时机是页面文档
加载完毕的时候。
dom的Ready跟我们平时那些开发有关呢？
比如常见的：
1.给一些元素绑定处理事件，但是如果代码写的不恰当，会造成文档元素还没加载
完毕，事件却已经执行完了，这样肯定是没有效果的。
2.还比如页面上的图片，flash虽然还没加载出来，但是其他的内容我们已经看到了
我们却不能做交互。常见的比如登录邮箱页面，邮箱地址和密码输入框已经
看到了，但是由于网页慢，该页面上的广告和动画还没加载出来，我们希望这时
可以进行信息的输入，我们才不管那些动画啥的好了没。
一般javaScript框架在处理不同浏览器的dom ready时涉及到以下知识点：
非IE内核中：
比如轮询document的readyState属性,
还有是否支持DOMContentLoaded事件。
IE内核中：
在IE内核中，doScroll函数必须在DOM加载完成后才能执行。
还有侦测doucument的onreadystatechange是否是complete。
当然上面的划分非IE内核啥的不太确切。现在IE内核也在进化。浏览器厂商越来越靠近
标准了。所以实际上做这方面处理时，是不侦测浏览器类型的，只看你是否支持这个函数
或类似函数。
更具体的解释可以看下网上这几篇博客:
[url]http://qingbob.com/blog/从onload和DOMContentLoaded谈起[/url]
[url]http://www.cnblogs.com/rubylouvre/archive/2009/12/30/1635645.html[/url]
[url]http://www.cnblogs.com/zhangziqiu/archive/2011/06/27/domready.html[/url]
[/size]
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
