JavaScript 三种对话框详解：Alert、Confirm 与 Prompt

JavaScript 提供了三种重要的对话框类型，分别用于向用户发出警告、获取确认信息或接收用户输入。

Alert 警告对话框

接下来我们将逐一介绍每种对话框的具体用法： Alert 对话框:

警告对话框（Alert）主要用于向用户显示提示信息。例如，当表单验证要求用户输入文字，但用户未填写字段时，可以使用警告框来提示错误。

<head>
<script type="text/javascript">
<!--
  alert("Warning Message");
//-->
</script>
</head>

此外，警告框也可用于显示友好的提示信息。它仅包含一个“确定”按钮，用户点击后即可继续操作。

Confirm 确认对话框

确认对话框：

确认对话框（Confirm）主要用于征询用户对某个选项的同意。该对话框包含两个按钮：“确定”和“取消”。

当用户点击“确定”按钮时，window.confirm() 方法返回 true；若点击“取消”按钮，则返回 false。具体使用示例如下：

<head>
<script type="text/javascript">
<!--
  var retVal = confirm("Do you want to continue ?");
  if( retVal == true ){
   alert("User wants to continue!");
  return true;
  }else{
   alert("User does not want to continue!");
  return false;
  }
//-->
</script>
</head>

Prompt 提示对话框

提示对话框（Prompt）：

当需要弹出文本框以获取用户输入时，提示对话框非常有用，它实现了与用户的交互。用户需在字段中输入内容，然后点击“确定”。

调用 prompt() 方法时，需要传递两个参数：(I) 要在文本框中显示的提示文本；(II) 文本框中显示的默认字符串值。

该对话框同样包含“确定”和“取消”两个按钮。若用户点击“确定”，window.prompt() 将返回文本框中的输入值；若点击“取消”，则返回 null。

提示对话框的具体使用方式如下所示：

<head>
<script type="text/javascript">
<!--
  var retVal = prompt("Enter your name : ", "your name here");
  alert("You have entered : " + retVal );
//-->
</script>
</head>