JavaScript 弹窗基础：confirm、prompt、open 与 close 用法详解
本文介绍 JavaScript 中常用的四种弹窗方法。confirm() 用于用户确认操作，返回布尔值；prompt() 用于获取用户输入文本；window.open() 用于打开新窗口并支持自定义参数；window.close() 用于关闭当前窗口。掌握这些基础 API 有助于提升前端交互体验。
确认框 confirm() 的使用
confirm() 方法用于显示一个带有指定消息以及确定和取消按钮的对话框，即确认框。用户点击确定返回 true，点击取消返回 false。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>confirm</title>
</head>
<body>
<script>
var con=confirm("do you like to study javascript?");
if (con) {
document.write("I love javascript!");
}
else{
document.write("I love other lanuages!");
}
</script>
</body>
</html> 
消息提示框 prompt() 的使用
prompt() 方法用于显示一个提示框，要求用户输入文本信息，即消息提示框。该方法返回用户输入的字符串，若用户点击取消则返回 null。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>confirm</title>
</head>
<body>
<script>
var pro=prompt("what is your name?");
document.write(pro);
</script>
</body>
</html> 
打开新窗口 window.open() 的参数
window.open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。其语法为 window.open(uri,name,attr)，其中 uri 指定 URL，name 指定窗口名称或目标，attr 指定窗口特征如宽高等。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>confirm</title>
</head>
<body>
<a href="#" title="http://www.cnblogs.com/yuzheCyril/">click me</a>
<script>
var link=document.getElementsByTagName("a")[0];
link.onclick=function(){window.open(link.title,"blog","width=400px,height=400px");}
</script>
</body>
</html> 关闭窗口 window.close() 的方法
window.close() 方法用于关闭当前浏览器窗口。注意，该方法通常只能由脚本打开的窗口调用，且需确保用户允许关闭操作。
以上所述是小编给大家介绍的 JavaScript 弹窗基础篇的相关内容，希望对大家有所帮助！
网页开发三者分工：HTML结构、CSS样式与JavaScript交互怎么协作
2026-11-05 12:51:22
JS解析URL参数时怎么处理中文乱码和特殊字符
2026-11-05 12:47:23
js-cookie 存储 JSON 对象：自动序列化与反序列化技巧
2026-11-05 12:36:26
marked.js 快速上手：安装与基础 Markdown 转 HTML 示例
2026-11-05 09:32:53
Phaser.js 与 PixiJS、Cocos Creator 的技术选型对比
2026-11-05 08:36:30