JavaScript弹出对话框的三种方式

当我们想向用户展示一些提示信息时，经常会使用JavaScript弹出对话框。JavaScript弹出对话框有三种方式，分别为alert()、confirm()和prompt()。

alert()

使用alert()方法弹出对话框可以显示警告信息，警告信息通常只需要用户确认即可。下面是alert()的语法：

alert("警告信息");

下面是一个alert()的示例：

let name = prompt("请输入您的姓名：");
alert("欢迎 " + name + " 访问我们的网站！");

在这个示例中，我们使用prompt()方法得到用户的姓名，然后使用alert()方法向用户展示欢迎信息。

confirm()

使用confirm()方法弹出对话框可以显示确认信息，用户可以选择确认或取消。下面是confirm()方法的语法：

confirm("确认信息");

下面是一个confirm()的示例：

let flag = confirm("您确定要删除这篇文章吗？");

if (flag){
    // 用户点击确认按钮
} else {
    // 用户点击取消按钮
}

在这个示例中，我们使用confirm()方法向用户展示确认信息，用户可以选择确认或取消。如果用户选择确认，就会执行if语句中的代码，否则会执行else语句中的代码。

prompt()

使用prompt()方法弹出对话框可以显示提示信息并获取用户的输入，用户可以输入任何信息。下面是prompt()方法的语法：

prompt("提示信息", "默认值");

下面是一个prompt()的示例：

let age = prompt("请输入您的年龄：", "18");

if (age >= 18){
   alert("您已经成年了！");
} else {
   alert("您还没有成年！");
}

在这个示例中，我们使用prompt()方法向用户展示提示信息并获取用户的输入，使用if语句判断用户的年龄，然后使用alert()方法向用户展示相应的提示信息。如果用户没有输入任何内容，就会使用默认值18。

以上就是JavaScript弹出对话框的三种方式的攻略，通过这三种方法我们可以向用户提供不同类型的提示信息，让用户更加友好的使用我们的网站。