第4章 第1节 BOM与DOM简介

BOM与DOM简介

JS提供了控制页面内容的方法，而要控制页面内容，还需要能够访问页面内容。

BOM(Browser Object Model)提供了访问浏览器各种功能部件的途径，例如浏览器窗口本身、浏览历史等；而DOM(Document Object Model)提供了访问浏览器中网页文档各元素的途径，包括页面中的超链接、表单等各种HTML元素及其内容。
BOM与DOM是独立于程序语言和平台的标准，W3C定义了一组标准接口，而这些接口在浏览器中以对象的形式实现。BOM与DOM均由一组对象组成，对象定义了属性和方法。

BOM与DOM关系非常密切。BOM的window对象中包含一个document属性，该属性是对DOM模型的document对象的引用，代表了当前窗口中网页文档所对应的document对象，通过该属性可以访问网页文档的各种内容。

BOM结构图

BOM结构图说明

• 反映了BOM中各对象之间的层次关系；
• 在BOM中，window对象是顶层对象，其它对象均是其子对象；
• history浏览器的浏览历史
• location对象代表当前显示的文档的地址
• Navigator对象提供有关浏览器的各种信息
• screen对象提供显示器屏幕相关的一些信息
• Frames[]为window对象的数组型属性， 每一个数组元素对应框架集(frameset)中的一个框架(frame)所对应的窗口。
• Document对象是对DOM的引用，代表了当前浏览器窗口中的网页文档