JavaScript中的三种弹窗方式：alert、confirm和prompt

在JavaScript中，弹窗是一种常用的用户交互方式，用于向用户显示信息或获取用户输入。以下是三种常见的弹窗方式：alert、confirm和prompt。

1. alert()方法

alert()方法用于显示一个简单的对话框，包含一条信息和一个确定按钮。该方法将弹出一个带有指定文本的警告框，并等待用户单击确定按钮。
示例：

alert('这是一个警告框！');

注意事项：

• alert()方法只用于显示简单的警告或提示信息，不适合用于获取用户输入。
• 弹出框的外观无法定制，只能显示指定文本和确定按钮。

2. confirm()方法

confirm()方法用于显示一个对话框，包含一条信息、确定和取消按钮。该方法将弹出一个带有指定文本的对话框，并等待用户单击确定或取消按钮。
示例：

if (confirm('确定要继续吗？')) {
// 用户单击了确定按钮
} else {
// 用户单击了取消按钮
}

注意事项：

• confirm()方法可以用于获取用户确认或取消操作的反馈。
• 弹出框的外观无法定制，只能显示指定文本和两个按钮。

3. prompt()方法

prompt()方法用于显示一个对话框，包含一条信息和一个输入框。该方法将弹出一个带有指定文本和输入框的对话框，并等待用户输入文本或选择默认值。
示例：

var name = prompt('请输入您的姓名：', '张三');
if (name !== null && name !== '') {
// 用户输入了文本
alert('您好，' + name + '！');
} else {
// 用户未输入文本或关闭了对话框
}

注意事项：

• prompt()方法可以用于获取用户的输入值。
• 弹出框的外观可以定制，通过设置第二个参数可以设置默认值。
• prompt()方法在一些现代浏览器中可能被禁用或被其他UI组件替代，因为它不是标准的一部分并且不适应移动设备的屏幕尺寸。在实际开发中，应避免使用prompt()方法。在需要获取用户输入时，可以使用表单或其他更友好的方式来实现。