JavaScript对象和HTML之间的关系是什么?

What is the relationship between JavaScript Objects and HTML

本文关键字：关系是什么之间对象 HTML JavaScript 更新时间：2023-09-26

我已经做了4年多的网页编码了，出于某种原因，这个问题突然出现在我的脑海里。我可以编写HTML、CSS和JavaScript，也理解DOM，但我意识到，如果DOM只是一个接口，那么JavaScript对象是用来干什么的呢?它是用你编的渲染函数显示给用户的吗，有点像Java?它是否类似于MVC，其中视图是HTML，控制器是更新模型和视图的用户输入?

我知道这将在计算机科学课上讨论，但我已经经历了2年，仍然不知道。

我对这个话题做了一些研究，但这不是我想要的。DOM、原始html和页面上显示的内容之间的关系是什么?

我不同意DOM是一个接口。它是浏览器中标记的树形表示。浏览器遍历树并呈现其内容。

JavaScript是浏览器的语言。它为您提供了与DOM交互的钩子，使其行为更加自定义和动态。

DOM是一个有多重含义的术语，包括:

组成页面的元素和其他节点的结构
描述如何以编程方式与之交互的规范
实现该规范的API

浏览器实现DOM API并将其作为一组JavaScript对象公开给JavaScript(注意JavaScript函数是一种对象类型)。

DOM元素根据浏览器实现的HTML和CSS规则显示给用户。DOM API(由JS实现)允许JavaScript代码操作DOM元素。

在折腾了一整天Javascript对象和DOM之后，我想我终于理解了它。告诉我这是否有意义。Javascript对象用于表示属性集合的内部状态。使用setter，我们可以更改这些集合的属性。对象可以通过渲染函数表示为可视的。呈现函数接受对象的属性并创建HTML元素。最后，它将其附加到DOM。我们还可以通过视觉控制器或批处理模式更新这些对象，其中用户无法控制它。我们还需要一个更新函数，但是我们必须删除HTML，并使用对象的更新表示重新发布HTML。