JavaScript confirm() 确认框的三种常用实现方式与实例解析
本文详解 JavaScript 中 confirm() 确认框的三种常见应用场景,包括单条信息删除、直接链接跳转及批量操作提交。通过具体代码实例展示如何结合 onclick 事件与返回布尔值判断用户选择,帮助开发者实现更友好的前端交互体验。
JavaScript confirm() 确认框概述
本文将详细介绍 JavaScript 中确认框(confirm)的三种主要使用方式,具体内容如下。
单条信息删除确认
第一种方法:这种方式非常实用,只有用户点击确认后才会跳转至下载地址页面。其逻辑清晰,通常用于单条信息删除前的二次确认。
<SCRIPT LANGUAGE=javascript>
function del() {
var msg = "您真的确定要删除吗?\n\n请确认!";
if (confirm(msg)==true){
return true;
}else{
return false;
}
}
</SCRIPT>
调用方式如下:
<a href="del.php?id=123" onclick="javascript:return del()">删 除</a>
直接链接跳转确认
第二种方法:其原理与上述方法一致,主要用于 JavaScript 删除操作的确认提示。
<a href="javascript:if(confirm('确实要删除吗?'))location='jb51.php?id='">删除</a>
批量删除操作确认
第三种方法:此方式主要用于处理批量删除时的确认提示场景。
<input name="Submit" type="submit" class="inputedit" value="删除"
onclick="{if(confirm('确定纪录吗?')){
this.document.formname.submit();
return true;}return false;
}">
<input name="按钮" type="button" ID="ok" onclick="{if(confirm('确定删除吗?')){
window.location='Action.asp?Action=Del&
TableName=Item&
ID=<%=ID%>';
return true;
}return false;}" value="删除栏目" />
confirm() 函数代码实例与总结
接下来分享一个关于 JS 确认框 confirm() 的具体代码实例。
效果展示如下:

confirm() 确认框在网页开发中应用广泛。对于美观度要求较高的页面,可能需要自定义此类功能。下面将介绍 window 对象中 confirm() 函数的具体用法,通过一段直观的代码实例进行说明。
<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312">
<title>confirm()代码实例</title>
<script type="text/javascript">
window.onload=function(){
var bt=document.getElementById("bt");
bt.onclick=function(){
if(confirm("真的要删除吗?")){
alert("点击了确认按钮");
}
else{
alert("点击了取消按钮");
}
}
}
</script>
</head>
<body>
<input type="button" id="bt" value="点击弹出确认框" />
</body>
</html>
上述代码是一个简单的 confirm 示例,清晰演示了 confirm() 的作用。总结如下: 1. confirm() 函数的参数为确认框中显示的提示文本。 2. 该函数返回布尔值:点击“确定”按钮返回 true,点击“取消”按钮返回 false。
以上便是关于 JS 确认框 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
