JavaScript对象与HTML

Question

我已经进行了4年以上的网络编码，出于某种原因，这个问题突然出现在我脑海中。我可以编写HTML，CSS和JavaScript，我理解DOM，但我意识到DOM是否仅仅是一个接口，什么是JavaScript对象？是否使用您组成的渲染函数向用户显示，有点像Java？它类似于视图是HTML的MVC，控制器是更新模型和视图的用户输入吗？

我知道这将在CS课程中讨论，但我已经经历了2年，但仍然不知道。

我做了一些关于这个话题的看法，但这不是我想要的。 What is the relationship been the DOM, raw html, and what is display on the page?

Answer 1

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

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

Answer 2

DOM是一个具有多种含义的术语，包括：

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

浏览器实现DOM API并将其作为一组JavaScript对象公开给JavaScript（NB JavaScript函数是一种对象）。

根据浏览器实现的HTML和CSS规则向用户显示DOM元素。 DOM API（由JS实现）允许DOM元素由JavaScript代码操纵。

Answer 3

整天搞乱Javascript对象和DOM之后，我想我终于明白了。告诉我这是否有意义。 Javascript对象用于表示属性集合的内部状态。使用setter，我们可以更改这些集合的属性。对象可以通过渲染函数表示视觉。 render函数获取对象的属性并创建HTML元素。最后，它将它附加到DOM。我们还可以通过可视控制器或批处理模式更新这些对象，即用户无法控制它的对象。我们还需要一个更新函数，但我们必须删除HTML并使用更新的对象表示来重新编写HTML。