本文详细介绍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="删除栏目" />