精美而实用的网站,关注web编程技术、网站运营、SEO推广,让您轻松愉快的学习

删除确认对话框的JS代码,有好几种写法,青岛星网下面讲述的三种都是基于了javascript confirm提示确认框的做法了,只是在不同的地方写哦,有需要的同学可参考一下。

confirm() 方法
confirm() 方法用于显示一个带有指定消息和确定及取消按钮的对话框。
说明:如果用户点击确定按钮,则 confirm() 返回 true。如果点击取消按钮,则 confirm() 返回 false

第一种:最简单的JS删除确认,直接写在链接里

<a href="javascript:if(confirm('确实要删除该内容吗?'))location='http://www.qdxw.net'">弹出窗口</a>

第二种:定义一个函数,优点是可重复调用

<script language="javascript"> 
function del_sure(){
var gnl=confirm("确定要删除?");
if (gnl==true){
  return true;
}else{
  return false;
}
}
</script>

调用方法:

<a href="del.asp" onclick="javascript:del_sure()">删除</a>

函数的第二种写法

<script language="JavaScript">
function delete_confirm(e)
{
if (event.srcElement.outerText == "删除")
{
event.returnValue = confirm("删除是不可恢复的,你确认要删除吗?");
}
}
document.onclick = delete_confirm;
</script>
<a href="Delete.aspx" onClick="delete_confirm">删除</a>

第三种,同样函数来实现,可以自定义确认信息框,需用场合和第二种稍有区别:

<script language="javascript"> 
function confirmDel(str){ 
return confirm(str); 
} 
</script>

调用方法与第二种大同小异:

<a href="delete.asp"onclick="return confirmDel('确定要删除吗')">删除</a>  

第四种:批量删除的时候用

第一种情况:通过提交按钮来激活确认对话框,代码如下:

<input name="Submit" type="submit" class="inputedit" value="删除"
onclick="{if(confirm('确定要删除?')){this.document.formname.submit();return true;}return false;}">

第二种情况:通过点击按钮来激活,代码如下:

<input name="button" type="button" ID="ok" onclick="{if(confirm('确定要删除?')){window.location='Action.asp?Action=Del&ID=<%=ID%>';return 
true;}return false;}" value="删除该栏目" />

常用的弹出删除确认代码常用的大概就这些了,是不是非常简单。

Tags:javascript confirm