您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

javascript实现删除前弹出确认框

作者:佚名    责任编辑:admin    更新时间:2022-06-22

   删除确认对话框的JS代码,有好几种写法,有简单的,有兼容好的,下面分别说几种方法,可根据自己需要选用

  需求:用户点击删除按钮时,弹出一个确定框,如果用户点击“确定”执行删除操作,否则不执行

  JS代码

  ?

1 2 3 4 5 6 7 8 function del() { var msg = "您真的确定要删除吗?nn请确认!"; if (confirm(msg)==true){ return true; }else{ return false; } }

  html代码

  ?

1 <a href="" onclick="javascript:return del();">删除</a>

  方法二:

  ?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <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> </head> <body> <a href="http://www.baidu.com" onclick="return del()">删除</a> </body> </html>

  方法三:

  ?

1 <a href="javascript:if(confirm('确实要删除吗?'))location='jb51.php?id='">删除</a>

  方法四:

  ?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <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>

  以上所述就是本文的全部内容了,希望大家能够喜欢。