JavaScript 实现删除确认框的几种常见方法

作者:半夏

时间:2026-10-24

浏览:550

本文总结了在网页开发中实现删除操作确认提示的多种 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>

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章