JavaScript 实现删除确认框的几种常见方法
本文总结了在网页开发中实现删除操作确认提示的多种 JavaScript 方案。通过对比链接点击、表单提交及按钮点击等不同场景,展示了如何利用 confirm 函数拦截用户操作。内容涵盖单条信息删除与批量处理的实现逻辑,旨在提供清晰的前端交互代码示例与原理分析。
调用方法: " onclick="javascript:return p_del()">删 除 JavaScript 删除确认框的实现方式
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
第二种方法:其核心原理与上述方法相同,均依赖 confirm 函数的返回值进行判断。
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="删除栏目" />
以下是其他开发者整理的类似方案,核心逻辑基本一致,即通过弹出确认对话框来判断用户是否继续执行后续的删除操作。
第一种实现方式
第一种实现方式:
<a href="javascript:if(confirm('确认删除吗?'))window.location='del.asp'">删除</a>
第二种实现方式
第二种实现方式:
<script language="javascript">
<!--
function del_sure(){
var gnl=confirm("你真的确定要删除吗?");
if (gnl==true){
return true;
}
else{
return false;
}
}
--->
</script>
//调用示例
<a href="del.asp?id=<%=rs("id")%>" onclick="javascript:del_sure()">删除</a>
第三种实现方式
第三种实现方式:
<script language="javascript">
function confirmDel(str){
return confirm(str);
}
</script>
<a href="delete.asp" onclick="return confirmDel('确定要删除吗')">删除</a>
JavaScript闭包与类(Class)的区别及适用场景对比
2026-11-05 15:48:57
JavaScript入门要学ES6吗?let与箭头函数等新特性解析
2026-11-05 14:49:16
JavaScript 8种数据类型详解:基本类型与引用类型的区别
2026-11-05 14:25:15
怎么在JavaScript中使用async/await优化Ajax异步流程
2026-11-05 13:56:15
JavaScript replace回调函数实现动态正则替换逻辑
2026-11-05 13:52:13
