JS alert()、confirm()、prompt()的区别是: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.
}