javascript对象与DOM对象

Question

这可能是一个愚蠢的问题，但是当我搜索答案时，我得到了关于对象数组的jQuery结果。我还没有，想要了解javascript本身如何与DOM交互。

DOM是一个创建的对象树，用于呈现HTML，如果我没有弄错的话？并且javascript具有相同名称的对象。例如：窗口，文档和带有id的元素......这些对象是否相同？

我已经读过javascript是HTML5的一部分，这是因为javascript对象实际上是DOM对象，并且javascript语言是围绕DOM构建的吗？如果是这样，如何在没有DOM的情况下使用javascript？ - 例如，你怎么能制作桌面应用程序？我使用一个名为括号的程序，用javascript编码。

Answer 1

这样做：

您需要一个环境和程序。

• 环境是浏览器

• 该计划有：

• 界面（网页又名文档）

• code（javascript）

所以你最终得到了3个对象模型

• DOM文档对象模型

• BOM浏览器对象模型

• JOM javascript对象模型

以下图表可能有所帮助：

http://javascript.info/tutorial/browser-environment

Answer 2

我认为MDN有一个很好的定义：

  

文档对象模型（DOM）是用于处理HTML和XML文档的API。它提供了文档的结构表示，使您能够使用JavaScript等脚本语言修改其内容和可视化表示。

因此，DOM是API的规范，可用于通过an API在网页中选择，操作和创建新元素。

通过允许我们访问实现 DOM API特定部分的JavaScript对象，我们（JavaScript开发人员）可以显示（或公开）该API。

---

window元素就是其中之一;作为MDN says

  

window对象实现Window接口，后者继承自AbstractView接口。

• window是JavaScript对象window。
• ...它实现了DOM Window接口
• ...幕后（我们并不关心这一点）继承了AbstractView界面。

然而，以及实现DOM Window接口，window也公开了几种JavaScript类型和函数;它们不是Window接口的一部分，但存在于window对象上。

• 所有类型; window.String，window.Object，window.Array。
• Math
• ...

正如您特别提到的document; document 是DOM Window界面的一部分，您可以看到listed here。

---

简而言之，任何涉及选择，操作和创建HTML元素的内容通常都是DOM的一部分。

---

HTML5是最新的HTML标准，可添加新的HTML元素，例如<audio>和<video>标记。 DOM API已更新，允许这些新元素由API控制。

反过来，必须更新实现这些API的JavaScript对象。

---

JavaScript是一种编程语言。 DOM可以被认为是一个框架或库，可以让您从JavaScript控制HTML。

JavaScript可以完全独立使用，没有此库;这正是在NodeJS和Brackets等环境中发生的事情。