Kei*_*sta 10 javascript jquery
我需要更详细地了解pageLoad,onload和$(document).ready()之间的区别
我找到了答案,但这对我来说并不清楚.答案就像
就绪事件发生在加载HTML文档之后,而onload事件发生在稍后,此时所有内容(例如图像)也已加载.
onload事件是DOM中的标准事件,而ready事件特定于jQuery.ready事件的目的是它应该在文档加载后尽早发生,以便为页面中的元素添加功能的代码不必等待加载所有内容.
在加载HTML文档之后,尝试说准备事件的人发生,并且在加载所有页面元素(如图像等)之后发生onload事件.
那么什么是HTML文档加载？我知道HTML文档加载意味着所有页面元素加载完成.
什么意思像dom准备好或加载？HTML文档加载和dom加载有什么区别？请通过示例让我理解.谢谢
jfr*_*d00 15
我不知道你的意思是pageLoad,但这里有一些关于onload和的信息$(document).ready().
window.onload当页面中的所有内容都加载完毕后触发.这意味着不仅加载了整个DOM,而且完全加载了任何链接的资源,如图像.因为这等待图像完成加载,有时需要很长时间才能开始window.onload.除非你真的需要等到图像加载完毕,否则你通常不想等待这么久就开始运行你的javascript来修改页面或挂钩事件处理程序等等......
$(document).ready()是一个特定于jQuery的事件,一旦DOM准备好进行操作就会触发,但可能在图像加载完成之前很久就会触发.在页面HTML中存在的所有对象都已被浏览器解析和初始化之后以及页面中的所有脚本都已加载之后,就会发生这种情况.在此事件发生时,可以安全地修改所有浏览器中的DOM.这甚至可能在某些浏览器中稍早或稍后发生,因为用于检测DOM安全加载的机制在旧版和新版浏览器之间有所不同.
jQuery 1.6.x实现$(document).ready()在DOM准备就绪时使用了许多不同的检测机制.首选方法是在DOMContentLoaded文档对象上触发事件.但是,此事件仅受某些浏览器支持,因此它具有其他浏览器的回退机制.
这两个事件每个页面只会触发一次.