JavaScript 弹窗

JavaScript 弹窗是在网页中弹出消息框或提示框来与用户进行交互的一种常见操作。在前端开发中，弹窗通常用于显示警告、确认信息或输入框。

alert() 方法

alert() 方法用于弹出警告框，显示一条消息并等待用户点击确认按钮。语法如下：

alert("Hello, World!");

在上面的示例中，当页面加载时会弹出一个警告框，显示消息"Hello, World!"，用户需要点击确认按钮才能关闭弹窗。

confirm() 方法

confirm() 方法用于弹出确认框，显示一条消息以及确认和取消按钮。用户可以选择确认或取消操作。语法如下：

if (confirm("Are you sure you want to delete this item?")) {
    // 用户点击确认按钮
    console.log("Item deleted!");
} else {
    // 用户点击取消按钮
    console.log("Deletion cancelled.");
}

在上面的示例中，当页面加载时会弹出一个确认框，显示消息"Are you sure you want to delete this item?"，用户可以选择点击确认或取消按钮。根据用户的选择，会执行相应的操作。

prompt() 方法

prompt() 方法用于弹出输入框，显示一条消息以及一个输入框供用户输入内容。语法如下：

let name = prompt("Please enter your name:", "John Doe");

if (name != null) {
    console.log("Hello, " + name + "!");
} else {
    console.log("No name entered.");
}

在上面的示例中，当页面加载时会弹出一个输入框，显示消息"Please enter your name:"，并默认显示"John Doe"。用户可以输入自己的姓名，点击确认按钮后，会将输入的内容赋值给变量name，然后输出相应的消息。

以上就是关于 JavaScript 弹窗的介绍，希望能帮助您更好地理解和运用 JavaScript 弹窗功能。