BOM/DOM

BOM

在 JavaScript 中，BOM（Browser Object Model）是一个与浏览器交互的对象模型，它提供了一些对象和方法，使 JavaScript 有能力与浏览器窗口和浏览器窗口中的元素进行交互。BOM 主要包括以下几个部分：

1. **Window 对象**：Window 对象表示浏览器窗口，是 JavaScript 中的全局对象。所有的全局变量、函数和对象都是 Window 对象的成员。例如，`alert()`、`confirm()`、`prompt()`、`setTimeout()`、`clearTimeout()`、`setInterval()`、`clearInterval()` 等方法都是 Window 对象的方法。
2. **Location 对象**：Location 对象表示当前窗口的 URL，它提供了一些属性和方法，使 JavaScript 有能力改变当前文档的 URL。例如，`location.href`、`location.reload()` 等。
3. **Navigator 对象**：Navigator 对象表示浏览器的信息，包括浏览器的名称、版本、平台等。例如，`navigator.userAgent`、`navigator.platform` 等。
4. **Screen 对象**：Screen 对象表示用户的屏幕信息，包括屏幕的宽度、高度、可用宽度、可用高度等。例如，`screen.width`、`screen.height` 等。
5. **History 对象**：History 对象表示浏览器的历史记录，可以用来控制浏览器的前进、后退等操作。例如，`history.back()`、`history.forward()`、`history.go()` 等。

需要注意的是，BOM 是浏览器环境中的特性，只有在浏览器环境中才能使用。如果在 Node.js 等非浏览器环境中使用 BOM，将会出现错误。

confirm

confirm() 函数用于在浏览器窗口中显示一个带有确认和取消按钮的对话框，该对话框会阻塞用户与页面的交互，直到用户点击“确定”或“取消”按钮。

confirm() 函数的语法如下：

window.confirm(message);

其中，message 是要在对话框中显示的文本。如果省略 window，则默认为 window.confirm()。

confirm() 函数的示例代码如下：

const result = confirm("您确定要删除这个项目吗？");
if (result) {
    console.log("用户点击了确定按钮。");
} else {
    console.log("用户点击了取消按钮。");
}

当运行上述代码时，浏览器会弹出一个包含 "您确定要删除这个项目吗？" 文本的带有确认和取消按钮的对话框。用户可以选择点击“确定”或“取消”按钮。如果用户点击“确定”按钮，则 confirm() 函数返回 true；如果用户点击“取消”按钮，则 confirm() 函数返回 false。

设置时间格式

overlay 遮罩

Alert

alert() 函数用于在浏览器窗口中显示一个警告对话框，该对话框会阻塞用户与页面的交互，直到用户点击“确定”按钮。

alert() 函数的语法如下：

window.alert(message);

其中，message 是要在警告对话框中显示的文本。如果省略 window，则默认为 window.alert()。

alert() 函数的示例代码如下：

alert("Hello, World!");

当运行上述代码时，浏览器会弹出一个包含 "Hello, World!" 文本的警告对话框。用户必须点击“确定”按钮才能关闭对话框并继续与页面进行交互。

需要注意的是，alert() 函数会阻塞用户与页面的交互，因此在实际开发中应谨慎使用。在某些情况下，可以使用更加友好的方式，如模态对话框（modal dialog）等，来替代 alert() 函数。

DOM介绍

• DOM (Document Object Model)：文档对象模型。
• 将 HTML 文档的各个组成部分，封装为对象。借助这些对象，可以对 HTML 文档进行增删改查的动态操作。

 

Text