javascript alert,confirm,prompt弹框用法

在JavaScript中，alert(), confirm() 和 prompt() 是用于在浏览器中显示弹出窗口的函数，这些弹出窗口通常用于向用户显示消息或获取用户的输入。下面详细解释这三个函数的用法。

1. alert() 函数

alert() 函数用于显示一个警告弹框，它只包含一个确定按钮，用于关闭弹框。这个函数只有一个参数，即要显示的消息文本。当用户点击确定按钮时，该函数将返回 undefined。
示例：

alert("这是一个警告弹框!");

运行这段代码后，浏览器会弹出一个包含文本 “这是一个警告弹框!” 的警告框。

2. confirm() 函数

confirm() 函数用于显示一个确认弹框，它包含两个按钮：确定和取消。这个函数只有一个参数，即要显示的消息文本。当用户点击确定按钮时，该函数将返回 true；当用户点击取消按钮时，该函数将返回 false。
示例：

if (confirm("你确定要继续吗?")) {
alert("用户点击了确定按钮");
} else {
alert("用户点击了取消按钮");
}

运行这段代码后，浏览器会弹出一个包含文本 “你确定要继续吗?” 的确认框。如果用户点击了确定按钮，将会弹出一个包含文本 “用户点击了确定按钮” 的警告框；如果用户点击了取消按钮，将会弹出一个包含文本 “用户点击了取消按钮” 的警告框。

3. prompt() 函数

prompt() 函数用于显示一个提示弹框，它包含一个文本输入字段以及确定和取消两个按钮。这个函数有两个参数，第一个是要显示的消息文本，第二个是文本输入字段的默认值。当用户点击确定按钮时，该函数将返回输入的文本；当用户点击取消按钮或关闭对话框时，该函数将返回 null。
示例：

var name = prompt("请输入你的名字", "Harry Potter");
if (name != null && name != "") {
alert("你好, " + name + "!");
} else {
alert("你好,陌生人!");
}

运行这段代码后，浏览器会弹出一个包含文本 “请输入你的名字” 的提示框，并在文本输入字段中显示默认值 “Harry Potter”。如果用户输入了名字并点击了确定按钮，将会弹出一个包含文本 “你好, [名字]!” 的警告框；如果用户点击了取消按钮或关闭对话框，将会弹出一个包含文本 “你好,陌生人!” 的警告框。
总结：alert(), confirm() 和 prompt() 是 JavaScript 中用于与用户交互的三个重要函数，它们都可以用于显示弹出窗口，但它们的功能和用法各不相同。alert() 用于显示警告弹框，只有一个确定按钮；confirm() 用于显示确认弹框，有两个按钮：确定和取消；prompt() 用于显示提示弹框，包含一个文本输入字段和两个按钮：确定和取消。