理解JavaScript中BOM和DOM的关系

Posted 2021-01-06 路虽远，行则必至

javascript 有三部分构成，ECMAScript，DOM和BOM，根据宿主（浏览器）的不同，具体的表现形式也不尽相同，ie和其他的浏览器风格迥异。对象是JavaScript是重要API，包含内置对象、外部对象（window对象、dom对象）和自定义对象。

1、BOM全称Browser Object Model，即浏览器对象模型，主要处理浏览器窗口和框架。

2、DOM全称Document Object Model，即文档对象模型，是 html 和XML 的应用程序接口（API），遵循W3C 的标准，所有浏览器公共遵守的标准。

JavaScript是通过访问BOM（Browser Object Model）对象来访问、控制、修改客户端(浏览器)，由于BOM的window包含了document，window对象的属性和方法是直接可以使用而且被感知的，因此可以直接使用window对象的document属性，通过document属性就可以访问、检索、修改XHTML文档内容与结构。因为document对象又是DOM（Document Object Model）模型的根节点。可以说，BOM包含了DOM(对象)，浏览器提供出来给予访问的是BOM对象，从BOM对象再访问到DOM对象，从而js可以操作浏览器以及浏览器读取到的文档。