****

欢迎回到我们的 JavaScript 世界之旅！在这篇博文中，我们将探讨在 JavaScript 中与用户交互的三种基本方法：alert、prompt 和 confirm。这些方法分别允许您显示消息、收集用户输入和确认操作。让我们深入研究每种方法并看看它们是如何工作的。

1. 警报

alert方法用于显示一个带有消息和“确定”按钮的简单对话框。此方法对于向用户显示重要信息或警告很有用。

句法：

alert(message);

例子：

alert("Hello, World!");

解释：

• 消息： 要在对话框中显示的文本。
• alert 方法暂停脚本的执行，直到用户单击“确定”按钮。

用例：

// Display a welcome message
alert("Welcome to our website!");

2. 迅速的

prompt方法用于显示一个对话框，提示用户输入一些文本。它返回用户输入的文本，如果用户取消输入，则返回 null。

句法：

prompt(message, default);

例子：

let userName = prompt("Please enter your name:", "Guest");
console.log("Hello, "   userName   "!");

解释：

• 消息： 要在对话框中显示的文本。
• default： 输入字段中显示的默认文本。该参数是可选的。
• prompt方法返回用户输入的文本，如果用户取消输入，则返回null。

用例：

// Collect user input for their name
let userName = prompt("Please enter your name:", "Guest");
if (userName !== null) {
  console.log("Hello, "   userName   "!");
} else {
  console.log("No name entered.");
}

3. 确认

confirm方法用于显示一个带有消息和两个按钮的对话框：“确定”和“取消”。如果用户单击“确定”，则返回 true；如果用户单击“取消”，则返回 false。

句法：

confirm(message);

例子：

let isConfirmed = confirm("Are you sure you want to delete this item?");
if (isConfirmed) {
  console.log("Item deleted.");
} else {
  console.log("Deletion canceled.");
}

解释：

• 消息： 要在对话框中显示的文本。
• 如果用户点击“确定”，则confirm方法返回true；如果用户点击“取消”，则返回false。

用例：

// Confirm an action before proceeding
let isConfirmed = confirm("Are you sure you want to delete this item?");
if (isConfirmed) {
  console.log("Item deleted.");
} else {
  console.log("Deletion canceled.");
}

结合警报、提示和确认

您可以组合这些方法来创建更具交互性和动态的用户体验。这是一个演示如何一起使用所有三种方法的示例：

例子：

// Display a welcome message
alert("Welcome to our website!");

// Collect user input for their name
let userName = prompt("Please enter your name:", "Guest");
if (userName !== null) {
  console.log("Hello, "   userName   "!");

  // Confirm an action before proceeding
  let isConfirmed = confirm("Do you want to proceed?");
  if (isConfirmed) {
    console.log("Proceeding...");
  } else {
    console.log("Action canceled.");
  }
} else {
  console.log("No name entered.");
}

结论

alert、prompt 和 confirm 方法是 JavaScript 中与用户交互的强大工具。它们分别允许您显示消息、收集用户输入和确认操作。通过理解和使用这些方法，您可以创建更具交互性和动态的 Web 应用程序。

在下一篇博文中，我们将更深入地探讨在 JavaScript 中处理用户输入和事件。请继续关注我们的 JavaScript 世界之旅！