由HTML 文档结构可知，文档中各个元素（标记元素、文本元素等）在HTML 元素层次结构图中都被标记为具有一定“社会”关系的成员，并可通过这种关系来访问指定的成员，那我们是不是可以设定这种结构模型的某种标准，以便实现元素访问方法的一致性呢？
DOM（文档结构模型）应运而生，其主要关注在浏览器解释HTML 文档时如何设定各元素的这种“社会”关系及处理这种关系的方法。
从实际应用的角度出发，HTML 文档根据DOM 中定义的框架模型在浏览器解释后生成对象访问层次，而JavaScript 脚本经常要控制其中的某个对象。
DOM 基本框架如图所示，其中灰色代表模型中的顶级对象，包括window 对象及其下的frames、location、document、history、navigator、screen 等对象：
DOM 中几个顶级对象及其作用如表所示。
对DOM 框架层次及其相关顶级对象的了解有助于更好理解浏览器载入HTML 文档时JavaScript 对象的生成过程。