JavaScript 对象与 DOM 对象

Question

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

如果我没记错的话，DOM 是创建并用于呈现 HTML 的对象树？和 javascript 有同名的对象。例如:window、document、元素id……这些是同一个对象吗？

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

Answer 1

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

The Document Object Model (DOM) is an API for manipulating HTML and XML documents. It provides a structural representation of the document, enabling you to modify its content and visual presentation by using a scripting language such as JavaScript.

因此 DOM 是 API 的规范，可用于在网页中选择、操作和创建新元素，来自 an API .

通过允许我们访问实现 DOM API 特定部分的 JavaScript 对象，该 API 对我们 JavaScript 开发人员可见(或公开)。 p>

---

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

The window object implements the Window interface, which in turn inherits from the AbstractView interface.

• 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 等环境中发生的情况。