Question

JavaScript的BOM和DOM有什么区别？

初学者的问题。
感觉BOM和DOM一样的，比如都有Document、Windows等这些对象。。BOM和DOM的这些对象是不是一个意思？
如果一样，为什么DOM有标准而BOM没有标准？
bom和浏览器有直接关系，dom和浏览器没有直接关系，这句话也不理解。是不是BOM写出来的代码只能在某个浏览器上运行而DOM写出来的可以兼容多数浏览器？

最后，我应该学哪个？

Answer 1

两个都要学。
BOM是浏览器对象模型，用来获取或设置浏览器的属性、行为，例如：新建窗口、获取屏幕分辨率、浏览器版本号等。
DOM是文档对象模型，用来获取或设置文档中标签的属性，例如获取或者设置input表单的value值。
BOM的内容不多，主要还是DOM。

由于DOM的操作对象是文档（Document），所以dom和浏览器没有直接关系。

Answer 2

这是浏览器运行时中的两个不同的概念。

1、BOM 浏览器对象模型

提供了独立于内容而与浏览器窗口进行交互的对象。描述了与浏览器进行交互的方法和接口，可以对浏览器窗口进行访问和操作，譬如可以弹出新的窗口，改变状态栏中的文本，对Cookie的支持，IE还扩展了BOM，加入了ActiveXObject类，可以通过js脚本实例化ActiveX对象等等）

2、DOM 文档对象模型

DOM是针对XML的基于树的API。描述了处理网页内容的方法和接口，是HTML和XML的API，DOM把整个页面规划成由节点层级构成的文档。DOM本身是与语言无关的API，它并不与Java，JavaScript或其他语言绑定。

Answer 3

推荐答案是正确的，另外再补充一点，关于兼容性
JavaScript由3部分组成：
ECMAScript：解释器、翻译兼容性：完全兼容
DOM：Document Object Model （文本对象）兼容性：部分不兼容
BOM：Browser Object Model （浏览器对象）兼容性：不兼容（例如IE，谷歌，火狐，不可能兼容）

Answer 4

dom针对的是标准的客户端控件，html标记的这些浏览器展现的内容
bom针对的是浏览器，当然没什么标准

Answer 5

这是浏览器运行时中的两个不同的概念。

BOM 浏览器对象模型

提供了独立于内容而与浏览器窗口进行交互的对象。描述了与浏览器进行交互的方法和接口，可以对浏览器窗口进行访问和操作，譬如可以弹出新的窗口，改变状态栏中的文本，对Cookie的支持，IE还扩展了BOM，加入了ActiveXObject类，可以通过js脚本实例化ActiveX对象等等）

DOM 文档对象模型

DOM是针对XML的基于树的API。描述了处理网页内容的方法和接口，是HTML和XML的API，DOM把整个页面规划成由节点层级构成的文档。
DOM本身是与语言无关的API，它并不与Java，JavaScript或其他语言绑定。
特定语言的DOM
针对XHTML和HTML的DOM。这个DOM定义了一个HTMLDocument和HTMLElement做为这种实现的基础。