Question

JavaScript的BOM和DOM有什么区别

Answer 1

JavaScript的BOM和DOM的区别如下：

1、BOM和浏览器关系密切，DOM和文档有关，这里的文档指的是网页，也就是HTML文档。

2、BOM是Browser Object Model的缩写，即浏览器对象模型。DOM是Document Object Model的缩写，即文档对象模型。

3、BOM没有相关标准。DOM是W3C的标准。

4、BOM的最根本对象是window。DOM最根本对象是document（实际上是window.document）。

二者之间的关系说明如图：

Answer 2

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

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

Answer 3

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

由于DOM的操作对象是文档（Document），所以dom和浏览器没有直接关系。
当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。

HTML DOM 模型被构造为对象的树。
通过可编程的对象模型，JavaScript 获得了足够的能力来创建动态的 HTML。
JavaScript 能够改变页面中的所有 HTML 元素
JavaScript 能够改变页面中的所有 HTML 属性
JavaScript 能够改变页面中的所有 CSS 样式
JavaScript 能够对页面中的所有事件做出反应