HTML DOM (文档对象模型)
文档对象模型（DOM）是一种编程接口，它将HTML或XML文档表示为对象树。DOM 提供了对文档的结构化表示，定义了访问和操作文档的方法和接口。通过 DOM，开发人员可以使用 JavaScript 或其他脚本语言来动态地访问和更新 HTML 元素的内容、结构和样式。
DOM 模型将 HTML 文档转换为树形结构，其中每个节点都是一个对象。根节点是 document 对象，它包含整个 HTML 页面。其他节点如 Element、Text、Attribute 等则分别表示 HTML 元素、文本和属性。通过这些对象，开发人员可以获取或修改页面的各个部分。
以下是一个简单的示例，展示了如何使用 JavaScript 和 DOM 来获取和修改 HTML 元素的内容：
<!DOCTYPE html>
<html>
<head>
<title>DOM 示例</title>
<script>
function updateText() {
var element = document.getElementById("myElement");
element.textContent = "新的文本内容";
}
</script>
</head>
<body>
<p id="myElement">原始文本内容</p>
<button onclick="updateText()">更新文本</button>
</body>
</html>
在上面的示例中，当用户点击按钮时，updateText() 函数将被调用。该函数通过 getElementById 方法获取具有指定 ID 的元素，然后使用 textContent 属性来更新元素的文本内容。
浏览器 BOM (Browser Object Model)
浏览器对象模型（BOM）提供了独立于任何特定文档的对象，用于浏览器窗口或框架的表示和操纵。BOM 主要与浏览器窗口和导航相关，而不是与网页内容相关。BOM 提供了诸如窗口大小、位置、导航和弹出窗口等浏览器窗口的属性和方法。
以下是一些常用的 BOM 对象和方法：
window：表示浏览器窗口或框架，是 BOM 的核心对象。它提供了许多属性和方法，如document（访问 DOM）、location（访问当前 URL 信息）、history（访问浏览器历史记录）等。alert()、prompt()和confirm()：这些是window对象的方法，用于显示简单的对话框。它们分别用于显示警告、提示输入和确认消息。window.open()和window.close()：这些方法用于打开和关闭浏览器窗口或标签页。window.resizeTo()和window.moveTo()：这些方法用于调整窗口大小和移动窗口位置。window.scrollTo()和window.scrollBy()：这些方法用于滚动窗口到指定的位置或根据指定的距离进行滚动。window.setTimeout()和window.setInterval()：这些方法用于设置定时器，以在指定的时间间隔后执行代码或函数。window.location：这是一个属性，用于获取或设置当前 URL 的信息。可以使用它来获取当前 URL 的各个部分或进行页面跳转。window.history：这是一个对象，提供了对浏览器历史记录的访问。可以使用它来前进、后退或执行其他与历史记录相关的操作。
