第四周预习

文档对象模型 （DOM）：处理网页内容的方法和接口。

浏览器对象模型（BOM）：与浏览器交互的方法和接口。

以下是关于BOM模型和DOM模型的预习整理： ### BOM（浏览器对象模型）

定义：BOM是浏览器提供的一套对象模型，用于访问和操作浏览器的功能和属性，它提供了一系列对象来与浏览器进行交互，使开发者能够通过JavaScript来控制浏览器的行为。

主要对象 

window对象：是BOM的核心对象，代表浏览器窗口。它也是全局对象，所有全局变量和函数都成为window对象的属性和方法。通过window对象，可以访问浏览器的各种功能，如弹出对话框（`window.alert()`）、设置定时器（`window.setTimeout()`）等。

navigator对象：提供了关于浏览器的信息，例如浏览器的名称、版本、操作系统等。可以通过`navigator.userAgent`获取用户代理字符串，用于判断用户使用的浏览器类型和版本，以便进行兼容性处理。

screen对象：包含了有关用户屏幕的信息，如屏幕的宽度、高度、颜色深度等。例如，`screen.width`可以获取屏幕的宽度。

location对象：用于获取和操作当前页面的URL信息。可以通过`location.href`获取当前页面的完整URL，也可以通过修改`location.href`来实现页面的跳转。

history对象：提供了访问浏览器历史记录的功能。可以使用`history.back()`实现返回上一页的功能，`history.forward()`实现前进到下一页的功能。

DOM（文档对象模型）

定义：DOM是针对HTML和XML文档的一种API，它将文档表示为一个由节点组成的树形结构，允许开发者通过JavaScript来访问、修改和操作文档的内容、结构和样式。

DOM树结构
根节点：在HTML文档中，通常是`html`元素，它是整个DOM树的顶层节点。

元素节点：代表HTML中的各种标签，如`div`、`p`、`a`等。每个元素节点可以有自己的属性和子节点。

文本节点：包含元素中的文本内容。例如，在`<p>Hello, World!</p>`中，`Hello, World!`就是一个文本节点。

属性节点：表示元素的属性，如`<a href="https://www.example.com">`中的`href`属性就是一个属性节点。