JavaScript-三种交互

在 JavaScript 中，alert、prompt 和 confirm 是用于与用户进行简单交互的常见方法。以下是它们的详细说明和举例：

1. alert（警告框）:

   • 细节说明： alert 方法用于显示带有一条消息和一个“确定”按钮的警告框。它主要用于向用户显示一些信息，但用户不能提供任何输入。
   • 语法： alert(message);
   • 举例：

     alert("Hello, this is an alert!");
     

2. prompt（提示框）:

   • 细节说明： prompt 方法用于显示一个提示框，提示用户输入文本。它返回用户输入的文本或用户点击取消按钮时返回 null。
   • 语法： prompt(message, defaultText);
   • 举例：

     let userInput = prompt("Please enter your name:", "John Doe");
     alert("Hello, " + (userInput || "Guest") + "!");
     

3. confirm（确认框）:

   • 细节说明： confirm 方法用于显示一个确认框，带有“确定”和“取消”按钮。它返回一个布尔值，表示用户点击的是“确定”（返回 true）还是“取消”（返回 false）。
   • 语法： confirm(message);
   • 举例：

     let userConfirmed = confirm("Do you want to proceed?");
     if (userConfirmed) {
       alert("You clicked OK!");
     } else {
       alert("You clicked Cancel!");
     }
     

这些方法是在浏览器中进行简单用户交互的基本手段。它们主要用于向用户提供信息、接收简单输入或确认用户的某个操作。请注意，它们在现代的 Web 开发中使用较少，因为它们可能被认为干扰用户体验。更常见的做法是使用模态框库（例如 Bootstrap 模态框）或自定义模态框，以提供更灵活和美观的用户交互。