首页 > 语言 > JavaScript > 正文

javascript实现删除前弹出确认框

2024-05-06 16:21:22
字体:
来源:转载
供稿:网友

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

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

JS代码

 

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

html代码

 

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

方法二:

 

 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  5. <title>确认是否删除</title>  
  6. <script type="text/javascript">  
  7. function del(){  
  8. if(!confirm("确认要删除?")){  
  9. window.event.returnValue = false;  
  10. }  
  11. }  
  12. </script>  
  13. </head>  
  14. <body>  
  15. <a href="http://www.baidu.com" onclick="return del()">删除</a>  
  16. </body>  
  17. </html>  

方法三:

 

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

方法四:

 

 
  1. <script type="text/javascript" language="javascript">  
  2. <!--  
  3. function confirmAct()  
  4. {  
  5. if(confirm('确定要执行此操作吗?'))  
  6. {  
  7. return true;  
  8. }  
  9. return false;  
  10. }  
  11. //--> 
  12. </script>  
  13.  
  14. <a href="operate.php?mod=user&act=delete&id=564" onclick="return confirmAct();">执行操作</a> 

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选