JavaScript 对话框详解：alert、confirm 与 prompt
本文详细介绍 JavaScript 中三种常用对话框的实现方式。alert 用于显示提示信息并阻塞交互；confirm 提供确认与取消选项，返回布尔值以判断用户选择；prompt 允许用户输入文本。文章涵盖各方法的语法结构、参数说明及完整的代码示例，帮助开发者掌握基础交互功能。
在浏览网页时，用户可能会遇到突然弹出的小型提示窗口，其中包含特定的文字信息。若用户不点击“确定”按钮，网页的其他操作将被禁止，这种效果正是通过 alert 方法实现的。
注意：alert 方法会弹出一个消息对话框，该对话框仅包含一个“确定”按钮。
语法如下：
alert(字符串或变量);
使用注意事项：
1. 在用户点击对话框的“确定”按钮之前，浏览器会阻止对网页进行任何其他操作。
2. 消息对话框常用于程序调试过程中，以便查看变量状态或执行流程。
3. alert 输出的内容可以是字符串字面量或变量，其功能与 document.write 类似。
<title>alert</title>
<script type="text/javascript">
function rec(){
var mychar="I love JavaScript";
alert(mychar);
}
</script>
</head>
<body>
<input name="button" type="button" onClick="rec()" value="点击我，弹出对话框" />
</body>确认对话框（confirm 消息对话框）
confirm 消息对话框通常用于需要用户做出选择的场景，例如询问“你对吗？”。该对话框会弹出一个包含“确定”和“取消”两个按钮的窗口。
语法如下：
confirm(str);
参数说明：
str：表示在消息对话框中显示的具体文本内容。
返回值类型：Boolean（布尔值）。
返回值的具体含义：
当用户点击“确定”按钮时，返回 true。
当用户点击“取消”按钮时，返回 false。
注意：通过获取返回值，可以判断用户具体点击了哪个按钮，从而执行相应的逻辑。
<script type="text/javascript">
function rec()
{
var mymessage=confirm("你喜欢javascript吗？");
if(mymessage==true)
{
document.write("很好，加油！");
}
else if(mymessage==false)
{
document.write("要学javascript，而且必须学");
}
}
</script>
</head>
<body>
<input type="button" name="button" value="点击我，弹出确认对话框" onclick="rec()" />
</body>
<script type="text/javascript">
function resc()
{
var myname=prompt("请输入你的姓名");
if(myname!=null)
{
document.write("你好"+myname);
}
else
{
document.write("你好"+朋友);
}
}
</script>
<body>
<input type="button" name="button" value="点击我，弹出提问对话框" onclick="resc()" />
</body>
总结
以上内容介绍了 JavaScript 实现对话框功能的方法，包括警告（alert）和确认（confirm）消息对话框。希望这些信息能对大家有所帮助。如有任何疑问，欢迎留言，小编会及时回复。感谢大家对本站的支持！如果您觉得本文对您有帮助，欢迎转载，请注明出处，谢谢！
JS动态构建复杂嵌套JSON对象的方法
2026-11-05 15:41:52
JS负数取余为什么是负数？详解余数与模运算区别
2026-11-05 13:34:41
JS 解压出现乱码或报错怎么解决？
2026-11-05 12:32:38
JS 中 startsWith、indexOf 与正则判断字符串前缀的对比
2026-11-04 22:19:43
JS解析Excel后怎么将数据转换为JSON格式
2026-11-04 20:58:28