BOM与DOM

Posted 2021-01-14 likaibei

文档对象模型（DOM，Document Object Model）是针对 XML但经过扩展用于 html的应用程序编 程接口（API，Application Programming Interface）。DOM把整个页面映射为一个多层节点结构。HTML 或 XML页面中的每个组成部分都是某种类型的节点，这些节点又包含着不同类型的数据。

 DOM视图（DOM Views）：定义了跟踪不同文档（例如，应用 CSS之前和之后的文档）视图的 接口；

 DOM事件（DOM Events）：定义了事件和事件处理的接口；

 DOM样式（DOM Style）：定义了基于 CSS为元素应用样式的接口；

 DOM遍历和范围（DOM Traversal and Range）：定义了遍历和操作文档树的接口。 

浏览器对象模型（BOM, Browser Object Model） Internet Explorer 3和 Netscape Navigator 3有一个共同的特色，那就是支持可以访问和操作浏览器窗 口的浏览器对象模型（BOM，Browser Object Model）。开发人员使用 BOM可以控制浏览器显示的页面 以外的部分。而 BOM真正与众不同的地方（也是经常会导致问题的地方），还是它作为 javascript实现 的一部分但却没有相关的标准。这个问题在 HTML5中得到了解决，HTML5致力于把很多 BOM功能写 入正式规范。HTML5发布后，很多关于 BOM的困惑烟消云散.

从根本上讲，BOM只处理浏览器窗口和框架；但人们习惯上也把所有针对浏览器的 JavaScript扩展 算作 BOM的一部分。

下面就是一些这样的扩展：  弹出新浏览器窗口的功能；

移动、缩放和关闭浏览器窗口的功能；

提供浏览器详细信息的 navigator 对象；

提供浏览器所加载页面的详细信息的 location 对象；

提供用户显示器分辨率详细信息的 screen 对象； 

对 cookies的支持；

像 XMLHttpRequest 和 IE的 ActiveXObject 这样的自定义对象。 由于没有 BOM标准可以遵循，因此每个浏览器都有自己的实现。虽然也存在一些事实标准，例如 要有 window 对象和 navigator 对象等，但每个浏览器都会为这两个对象乃至其他对象定义自己的属 性和方法。现在有了 HTML5，BOM实现的细节有望朝着兼容性越来越高的方向发展