JavaScript的BOM和DOM有啥区别

Posted 2023-05-09

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）。

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

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

由于DOM的操作对象是文档（Document），所以dom和浏览器没有直接关系。 参考技术B BOM是浏览器对象模型，用来获取或设置浏览器的属性、行为，例如：新建窗口、获取屏幕分辨率、浏览器版本号等。
DOM是文档对象模型，用来获取或设置文档中标签的属性，例如获取或者设置input表单的value值。
BOM的内容不多，主要还是DOM。

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

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

BOM和DOM的区别

javascript中的BOM和DOM什么区别？ 5 string属于javascript核心，document 属于dom，window属于BOM吗？为什么还有window.document? www_eyny_cn | 浏览 4627 次 推荐于2016-03-04 11:08:56 最佳答案 这是浏览器运行时中的两个不同的概念。 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做为这种实现的基础。