JS alert()、confirm()、prompt()有什么区别?

一、JS alert()、confirm()、prompt()的区别

JavaScript 中的 alert()、confirm() 和 prompt() 是三种常用的浏览器对话框函数，它们用于与用户进行简单的交互。

1、alert() 函数

alert() 函数用于显示一个警告对话框，通常用于向用户提供一些信息或警告。警告对话框包含一段文本消息和一个 “确定” 按钮。用户只能点击 “确定” 按钮关闭对话框，无法进行其他操作。

alert() 函数的语法如下：

alert(message);

其中，message 是要显示在警告对话框中的文本消息。例如：

alert("Hello, World!");

2、confirm() 函数

confirm() 函数用于显示一个确认对话框，通常用于向用户请求确认操作。确认对话框包含一段文本消息、一个 “确定” 按钮和一个 “取消” 按钮。用户可以点击 “确定” 或 “取消” 按钮来进行选择。

confirm() 函数的语法如下：

let result = confirm(message);

其中，message 是要显示在确认对话框中的文本消息。confirm() 函数会返回一个布尔值，表示用户的选择：如果用户点击了 “确定” 按钮，返回 true；如果用户点击了 “取消” 按钮，返回 false。例如：

let isConfirmed = confirm("Are you sure you want to delete this item?");
if (isConfirmed) {
// Perform the delete operation.
} else {
// Do nothing.
}

3、prompt() 函数

prompt() 函数用于显示一个提示对话框，通常用于向用户请求一些文本信息。提示对话框包含一段文本消息、一个文本输入框、一个 “确定” 按钮和一个 “取消” 按钮。用户可以在文本输入框中输入内容，并通过点击 “确定” 或 “取消” 按钮进行选择。

prompt() 函数的语法如下：

let result = prompt(message, defaultValue);

其中，message 是要显示在提示对话框中的文本消息，defaultValue 是文本输入框的默认值（可选）。prompt() 函数会返回一个字符串，表示用户输入的内容：如果用户点击了 “确定” 按钮，返回用户输入的文本；如果用户点击了 “取消” 按钮，返回 null。例如：

let name = prompt("Please enter your name:", "John Doe");
if (name != null) {
// Perform an operation with the user's name.
} else {
// Do nothing.
}