JavaScript确认框的三种实现方式详解
作者:青柠时间:2026-10-27 19:54:40浏览:67
本文详细介绍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="删除栏目" />作者最新文章
ES6模块化中js文件怎么用import和export交互
2026-11-05 17:00:48
JS读取本地文件时报错或无响应的常见原因
2026-11-05 16:32:31
let、const与var的区别:JavaScript变量声明最佳实践
2026-11-05 14:16:38
JS中直接定义静态二维数组的字面量写法
2026-11-05 14:16:08
JS 怎么查找字符串中所有匹配项的位置
2026-11-05 14:15:53
