第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的引用,代表了当前浏览器窗口中的网页文档