DOM文档加载步骤
2017-03-30 18:16
218 查看
DOM文档加载的步骤为
1、解析HTML结构；
2、加载外部脚本和样式表文件；
3、解析并执行脚本代码；
4、DOM树构建完成； // DOMcontentLoaded事件 执行
5、加载图片等外部文件；
6、页面加载完成。 // load事件执行
用原生js可以这样写
document.addEventListener('DOMcontentLoaded', function () {
// 代码块
}, false);
document.addEventListener('load', function ()｛
// 代码块
｝, false)；
使用jQuery这样写
$(document).ready(function () {
// 代码块
})；
$(document).load(function () {
// 代码块
})
1、解析HTML结构；
2、加载外部脚本和样式表文件；
3、解析并执行脚本代码；
4、DOM树构建完成； // DOMcontentLoaded事件 执行
5、加载图片等外部文件；
6、页面加载完成。 // load事件执行
用原生js可以这样写
document.addEventListener('DOMcontentLoaded', function () {
// 代码块
}, false);
document.addEventListener('load', function ()｛
// 代码块
｝, false)；
使用jQuery这样写
$(document).ready(function () {
// 代码块
})；
$(document).load(function () {
// 代码块
})
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- DOM文档加载的步骤
- jquery源码解析----DOM文档加载步骤
- DOM文档加载的步骤：
- DOM文档加载顺序
- DOM文档加载
- XML 文档对象模型----加载和使用XmlDocument (w3c DOM)
- Javascript动态加载Html元素到页面Dom文档结构时执行顺序的不同
- 图片，音频资源预加载和文档dom加载
- DOM解析XML文档步骤
- HTML文档加载步骤
- 用document.onreadystatechange和document.readyState确保文档加载完毕才获取DOM
- DOM文档加载顺序及readyState的状态
- DOM文档加载顺序
- 你真的了解jQuery的ready函数吗？当 DOM（文档对象模型） 已经加载，就执行ready里的代码。DOM何时加载完毕？jQuery对html局部操作，DOM为什么不重新加载？
- jQuery的DOM加载与文档加载
- DOM文档加载
- jQuery(二)DOM增删改，样式操作，文档加载，事件，冒泡，事件对象
- 使用DOM操作XML文档
- DOM 文档对象事件模型及示例
- JS应用DOM入门：简单文档DOM结构分析