本文介绍了DOM加载过程及其对页面显示的影响，特别是图片和影音加载导致的延迟。通过DOMContentLoaded事件，可以在HTML结构加载完成后，无需等待所有资源加载就能先显示页面，从而优化用户体验。同时，文章探讨了非IE和IE浏览器下的实现差异，并提供了一种跨浏览器兼容的解决方案。
一、什么是DOM
文档对象模型：DOM—Document Object Model,它定义了访问HTML文档对象的一套属性、方法和事件。如下图，我们可以看到有一个红色标注的Document对象。它是全局对象Windows的一个属性，其实就是我们要讲的DOM对象，它包含了anchors，forms,images,links,location等元素，通过DOM，我们可以访问到网页上的任何部分的内容。
也就是说DOM承载了Html页面的所有内容。我们平常看到网页就是DOM和加上js,css文件产生的效果。
二、DOM加载顺序
一般加载顺序如下：
最低0.47元/天 解锁文章
扫一扫
3344
到【灌水乐园】发言
