技术文摘
JavaScript里confirm、alert和prompt的使用方法
2025-01-02 05:02:05 小编
JavaScript里confirm、alert和prompt的使用方法
在JavaScript编程中，confirm、alert和prompt是常用的弹出式对话框函数，它们能与用户进行简单的交互，为网页增添交互性和动态性。下面将详细介绍它们的使用方法。
alert函数
alert函数用于向用户显示一条提示信息，并带有一个“确定”按钮。当用户点击“确定”后，对话框关闭。其基本语法如下：
alert("提示信息");
例如，我们可以在用户点击按钮时弹出一个提示框：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<button onclick="showAlert()">点击我</button>
<script>
function showAlert() {
alert("欢迎来到JavaScript世界！");
}
</script>
</body>
</html>
confirm函数
confirm函数会弹出一个带有“确定”和“取消”按钮的对话框，用于确认用户的操作。它返回一个布尔值，点击“确定”返回true，点击“取消”返回false。语法如下：
var result = confirm("确认信息");
示例代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<button onclick="showConfirm()">确认操作</button>
<script>
function showConfirm() {
var result = confirm("你确定要执行此操作吗？");
if (result) {
alert("你点击了确定按钮");
} else {
alert("你点击了取消按钮");
}
}
</script>
</body>
</html>
prompt函数
prompt函数会弹出一个带有文本输入框、“确定”和“取消”按钮的对话框，用于获取用户输入的信息。它返回用户输入的值，如果用户点击“取消”则返回null。语法如下：
var input = prompt("提示信息", "默认值");
示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<button onclick="showPrompt()">输入信息</button>
<script>
function showPrompt() {
var name = prompt("请输入你的名字", "匿名");
alert("你输入的名字是：" + name);
}
</script>
</body>
</html>
通过熟练掌握confirm、alert和prompt函数的使用方法，能为网页开发带来更多便利和交互性。