夏日博客

A-A+

javascript window.confirm确认 取消对话框实现代码

2016年01月15日 前端设计 暂无评论 阅读 7 views 次

本文章讲述的三种都是基于了javascript confirm提示确认框的做法了，只是在不同的地方写哦，有需要的同学可参考一下。

confirm() 方法

confirm() 方法用于显示一个带有指定消息和确定及取消按钮的对话框。

说明:如果用户点击确定按钮，则 confirm() 返回 true。如果点击取消按钮，则 confirm() 返回 false

一种,代码如下:

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

二种,代码如下:

  1. <script language="JavaScript">               
  2. function delete_confirm(e)   
  3. {  
  4.     if (event.srcElement.outerText == "删除")   
  5.     {  
  6.         event.returnValue = confirm("删除是不可恢复的，你确认要删除吗？");  
  7.     }  
  8. }  
  9. document.onclick = delete_confirm;  
  10. </script>  
  11. <a href="Delete.aspx" onClick="delete_confirm">删除</a>  

三种,代码如下:

  1. if(window.confirm('你确定要取消交易吗？')){  
  2.                  //alert("确定");  
  3.                  return true;  
  4.               }else{  
  5.                  //alert("取消");  
  6.                  return false;  
  7.              }  

四种,代码如下:

  1. <script language="JavaScript">               
  2. function delete_confirm() <!--调用方法-->  
  3. {  
  4.     event.returnValue = confirm("删除是不可恢复的，你确认要删除吗？");  
  5. }  
  6. </script>  

我自己经常用的一种更简单的方法,更简单,代码如下:

  1. <form name="form1" method="post" action="xxx.htm" onSubmit="javascript:return window.confirm('确认提交吗？')">  
标签：

给我留言