JavaScript中的DOM和BOM是什么?

时间:2010-12-11 10:39:27

标签: javascript dom javascript-events

JavaScript中的DOM和BOM是什么?如果有人可以用外行的话来解释这些,那就太好了!我想更深入地了解这些。

9 个答案:

答案 0 :(得分:118)

BOM(浏览器对象模型)由{{1}的子对象navigatorhistoryscreenlocationdocument组成。 }}。在window节点中是DOM(文档对象模型),即文档对象模型,它表示页面的内容。你可以使用javascript操作它。

答案 1 :(得分:42)

  • DOM - 文档对象模型
  • BOM - 浏览器对象模型

This article解释了Javascript,DOM和BOM之间的关系。

答案 2 :(得分:33)

他们只是你正在处理的不同对象:

  • DOM是文档对象模型,它处理文档,HTML元素本身,例如document以及您将在其中进行的所有遍历,事件等。
  • BOM是浏览器对象模型,它处理文档之外的浏览器组件,例如historylocationnavigator和{{1 (以及其他一些因浏览器而异的内容)。

答案 3 :(得分:3)

您可以在Mozilla Foundation上找到有关Javascript的更多信息。

DOM

https://developer.mozilla.org/en-US/docs/DOM/DOM_Reference/Introduction

BOM

https://developer.mozilla.org/en-US/docs/WebAPI/Browser

答案 4 :(得分:3)

DOM表示文档对象模型..当网页加载时,浏览器为页面创建文档对象模型。所有对象都按树结构排列......

BOM表示浏览器对象Model.window对象由所有代表窗口浏览器的浏览器支持。所有全局JavaScript对象,函数和变量自动成为窗口对象的成员。

答案 5 :(得分:1)

DOM-> JavaScript中的文档对象模型是用于访问文档内部元素的API。它将整个文档映射到父树和子树的层次结构中。每个节点可以容纳多个子元素,也可以通过其他方式继承到其他父元素。

BOM->浏览器对象模型是浏览器提供的所有内容的较大表示,包括当前文档,位置,历史记录,框架以及浏览器可能向JavaScript公开的任何其他功能。浏览器对象模型不是标准化的,可以根据不同的浏览器进行更改。

答案 6 :(得分:1)

DOM: 文档对象代表整个html文档。在浏览器中加载html文档后,它将成为文档对象。

BOM: 窗口对象代表浏览器中的窗口。窗口对象由浏览器自动创建。

答案 7 :(得分:0)

BOM表示浏览器对象模型。这些是可用于操作浏览器的对象。他们是导航员

  • 导航
  • 屏幕
  • 位置
  • 历史
  • 文档

他们都是Window Object的孩子。 DOM是文档对象模型是BOM的一部分,它可以帮助您操作加载的页面文件的内容。这包括HTML和CSS

答案 8 :(得分:0)

BOM 代表浏览器对象模型。与 DOM 不同,没有为 BOM 定义标准,因此不同的浏览器以不同的方式实现它。浏览器对象的集合统称为浏览器对象模型。

BOM 主要任务是管理浏览器窗口并启用窗口之间的通信(即 BOM 处理整个浏览器)。加载到浏览器窗口中的每个 HTML 页面都成为一个 Document 对象,而一个文档对象是 BOM 中的一个对象。你可以说BOM是DOM的超集。 BOM 具有许多不属于 DOM 结构的对象、方法和属性。

<块引用>

同时

DOM 代表文档对象模型。它是由 W3C(万维网联盟)定义的标准,特定于当前的 HTML 文档(即 DOM 仅处理文档)。 DOM 是一种编程接口 (API),用于表示 HTML、XHTML 和 XML 文档并与之交互。它将文档的元素组织成树状结构(DOM 树),在 DOM 树中,文档的所有元素都被定义为具有属性和方法的对象(树节点)。

DOM 树对象可以在任何编程语言的帮助下访问和操作,因为它是跨平台且独立于语言的。 DOM 是 BOM 的一个子集,例如我们可以借助 JavaScript 和 jQuery 来操作 DOM 树。enter image description here