Document Object Model的历史可以追溯至1990年代后期微软与Netscape的"浏览器大战"(browser wars)，双方为了在JavaScript与JScript一决生死，于是大规模的赋予浏览器强大的功能。微软在网页技术上加入了不少专属事物，计有VBscript、ActiveX、以及微软自家的DHTML格式等，使不少网页使用非微软平台及浏览器无法正常显示。DOM即是当时蕴酿出来的杰作。
BOM最初是Netscape浏览器标准的一部分，BOM缺乏标准，JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C。
方法：BOM提供了一些访问窗口对象的一些方法，我们可以用它来移动窗口位置，改变窗口大小，打开新窗口和关闭窗口，弹出对话框，进行导航以及获取客户的一些信息。
DOM 可被 JavaScript 用来读取、改变 HTML、XHTML 以及 XML 文档。DOM 被分为不同的部分(核心、XML及HTML)和级别(DOM Level 1/2/3)。
内容：根据W3C DOM规范，DOM是HTML与XML的应用编程接口(API)，DOM将整个页面映射为一个由层次节点组成的文件。有1级、2级、3级共3个级别。
XML DOM 是：用于 XML 的标准对象模型，用于 XML 的标准编程接口，中立于平台和语言，W3C 标准。XML DOM 定义了所有 XML 元素的对象和属性，以及访问它们的方法(接口)。
BOM是调整浏览器大小的window对象，可以用于导航的location对象与history对象，可以获取浏览器、操作系统与用户屏幕信息的navigator与screen对象，可以使用document作为访问HTML文档的入口，管理框架的frames对象。
应用：你可通过若干种方法来查找您希望操作的元素，
通过使用 getElementById() 和 getElementsByTagName() 方法
通过使用一个元素节点的 parentNode、firstChild 以及 lastChild 属性
getElementById() 和 getElementsByTagName() 这两种方法，可查找整个 HTML 文档中的任何 HTML 元素。