JavaScript确认框的三种实现方式详解

作者:青柠

时间:2026-10-27

浏览:68

本文详细介绍JavaScript中confirm确认框的三种常见实现方式。第一种通过定义独立函数配合onclick事件处理单条信息删除;第二种利用a标签href属性直接嵌入confirm逻辑,适用于轻量级链接确认;第三种针对表单提交场景,在submit按钮点击事件中判断确认结果以决定是否执行submit()方法,常用于批量删除操作。

文章目录

JavaScript确认框的三种实现方式详解

第一种方式:实用性强,需确认后方能访问下载链接。逻辑明确,适用于单条信息删除确认场景。

代码示例如下:

<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="删除栏目" />

实用工具推荐

电子包浆

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

使用 ›
图片压缩

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

使用 ›
相关文章