JS弹窗提示|极客笔记

JS弹窗提示

在Web开发中，经常会遇到需要弹出提示框来提示用户信息的场景。JavaScript提供了一种简单的方式来实现弹窗提示，可以使用alert()、confirm()和prompt()三个方法来实现不同类型的弹窗提示。本文将详细介绍这三种方法的用法，并给出示例代码和运行结果。

alert()方法

alert()方法用于显示一个包含文本信息的警告框，通常用于提醒用户某种信息或警告。它只有一个参数，即要显示的文本信息。

// 示例代码
alert("Hello, World!");

运行上述代码后，会弹出一个警告框，内容为”Hello, World!”。用户只能点击确定按钮来关闭警告框。

confirm()方法

confirm()方法用于显示一个包含文本信息和确定/取消按钮的确认框，通常用于要求用户确认或取消某个操作。它也只有一个参数，即要显示的文本信息。

// 示例代码
var result = confirm("Are you sure you want to delete this file?");
if (result) {
    alert("File deleted successfully!");
} else {
    alert("File deletion canceled.");
}

运行上述代码后，会弹出一个确认框，内容为”Are you sure you want to delete this file?”。用户可以点击确定按钮（返回值为true）或取消按钮（返回值为false）来做出选择。根据用户的选择，会弹出相应的警告框。

prompt()方法

prompt()方法用于显示一个包含文本信息和文本输入框的输入框，通常用于要求用户输入一些信息。它有两个参数，第一个参数是要显示的文本信息，第二个参数是输入框中的默认文本。

// 示例代码
var name = prompt("Please enter your name:", "John Doe");
if (name != null) {
    alert("Hello, " + name + "!");
} else {
    alert("No name entered.");
}

运行上述代码后，会弹出一个输入框，内容为”Please enter your name:”，并且输入框中默认显示”John Doe”。用户可以在输入框中输入姓名，点击确定按钮后，会弹出相应的提示框。