多好客 好多优质的分享

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>


2023年9月18日 | 发布:admin | 分类:未分类 | 评论:0

发表留言: