本文详解 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() 用法的实例详解，内容详实，希望对大家有所帮助。