javascript实现删除前弹出确认框
<div id="art_demo">删除确认对话框的JS代码,有好几种写法,有简单的,有兼容好的,下面分别说几种方法,可根据自己需要选用</div>
<div id="art_content">
<!--NEWSZW_HZH_BEGIN-->
<p>需求:用户点击删除按钮时,弹出一个确定框,如果用户点击“确定”执行删除操作,否则不执行</p>
<p>JS代码</p>
<div class="jb51code">
<pre class="brush:js;">function del() {
var msg = "您真的确定要删除吗?\n\n请确认!";
if (confirm(msg)==true){
return true;
}else{
return false;
}
}
</pre>
</div>
<p>html代码</p>
<div class="jb51code">
<pre class="brush:xhtml;"><a href="" onclick="javascript:return del();">删除</a>
</pre>
</div>
<p>方法二:</p>
<div class="jb51code">
<pre class="brush:js;">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>确认是否删除</title>
<script type="text/javascript">
function del(){
if(!confirm("确认要删除?")){
window.event.returnValue = false;
}
}
</script>
<a href="http://www.baidu.com" onclick="return del()">删除</a>
</pre>
</div>
<p>方法三:</p>
<div class="jb51code">
<pre class="brush:js;"><a href="javascript:if(confirm('确实要删除吗?'))location='jb51.php?id='">删除</a></pre>
</div>
<p>方法四:</p>
<div class="jb51code">
<pre class="brush:js;"><script type="text/javascript" language="javascript">
<!--
function confirmAct()
{
if(confirm('确定要执行此操作吗?'))
{
return true;
}
return false;
}
//-->
</script>
<a href="operate.php?mod=user&act=delete&id=564" onclick="return confirmAct();">执行操作</a></pre>
</div>
</div>