HTML | DOM 对话框对象

HTML | DOM（文档对象模型）对话框对象表示一个对话框，可用于与用户进行交互信息、警告或确认操作。对话框对象提供了几种常用的对话框类型，如警告框、确认框和提示框。

警告框（Alert）

警告框用于向用户显示一条重要的信息，并要求用户点击“确定”按钮。警告框对象具有如下属性和方法：

属性

• alert.readyState：返回对话框的状态。
• alert.returnValue：设置或返回对话框的返回结果。

方法

• alert.show()：显示警告框，并阻止代码执行，直到用户点击“确定”按钮。

// 示例代码
let alert = window.alert("这是一条警告信息");
alert.show();

确认框（Confirm）

确认框用于向用户显示一条信息，并要求用户点击“确定”或“取消”按钮进行确认或取消操作。确认框对象具有如下属性和方法：

属性

• confirm.readyState：返回对话框的状态。
• confirm.returnValue：设置或返回对话框的返回结果。

方法

• confirm.show()：显示确认框，并阻止代码执行，直到用户点击“确定”或“取消”按钮。

// 示例代码
let confirm = window.confirm("你确定要执行此操作吗？");
confirm.show();
if (confirm.returnValue) {
    // 用户点击了“确定”按钮
    // 执行相应操作
} else {
    // 用户点了“取消”按钮
    // 执行相应操作
}

提示框（Prompt）

提示框用于向用户显示一条信息，并要求用户输入数据。提示框对象具有如下属性和方法：

属性

• prompt.readyState：返回对话框的状态。
• prompt.returnValue：设置或返回对话框的返回结果。

方法

• prompt.show(defaultValue)：显示提示框，并阻止代码执行，直到用户输入数据并点击“确定”或“取消”按钮。

// 示例代码
let prompt = window.prompt("请输入您的姓名：", "John Doe");
prompt.show();
if (prompt.returnValue) {
    // 用户点击了“确定”按钮
    let name = prompt.returnValue;
    // 处理输入的数据
} else {
    // 用户点击了“取消”按钮
    // 执行相应操作
}

对话框对象可以在浏览器中使用全局对象 window 来访问，并与用户进行交互。它们是以同步方式运行的，意味着当对话框显示时，代码执行会被阻塞，直到用户进行操作。对话框对象提供了一种简单而有效的方式来与用户进行交互，并获取必要的信息。

请注意，使用过多的对话框可能会打断用户的工作流程，因此在使用对话框时应谨慎。可以根据具体的需求选择适当的对话框类型，并合理使用对话框的特性和方法。