首页 > 代码库 > document.ready 与 window.onload的区别
document.ready 与 window.onload的区别
document的ready事件通常会比window的onload事件先发生,为什么呢?
因为document的ready是在浏览器加载解析并构建完doc文档模型时发生的,而window的onload是整个文档的内容加载完成时才会发生。
当document
文档正在加载时,返回"loading"。当文档结束渲染但在加载内嵌资源时,返回"interactive",并引发DOMContentLoaded
事件。当文档加载完成时,返回"complete",并引发load
事件。
readystatechange事件
会在document
对象上的readyState属性的属性值发生变化时触发.// 模拟DOMContentLoadeddocument.onreadystatechange = function () { if (document.readyState == "interactive") { initApplication(); }}
// 模拟 load事件document.onreadystatechange = function () { if (document.readyState == "complete") { initApplication(); }}
document.ready 与 window.onload的区别
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。