理解JavaScript中BOM和DOM的关系

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可以操作浏览器以及浏览器读取到的文档。