还记得之前的javascript入门里的讲的confirm 消息对话框吗？不记得也没关系，我们先来回顾一下，然后在详细讲它。

复习：

confirm 消息对话框通常用于允许用户做选择的动作，如：“你对吗？”等。弹出对话框(包括一个确定按钮和一个取消按钮)。

语法:

confirm(str);

参数说明:

str：在消息对话框中要显示的文本
返回值: Boolean值

返回值:

当用户点击"确定"按钮时，返回true
当用户点击"取消"按钮时，返回false

注: 通过返回值可以判断用户点击了什么按钮

看下面的代码:

<script type="text/javascript">

    var mymessage=confirm("你喜欢JavaScript吗?");

    if(mymessage==true)

    {   document.write("很好,加油!");   }

    else

    {  document.write("JS功能强大，要学习噢!");   }

</script>

结果:

注: 消息对话框是排它的，即用户在点击对话框按钮前，不能进行任何其它操作。

任务

使用confirm()提示框，当点击按钮时，完成性别确认。

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>confirm</title>

  <script type="text/javascript">

  function rec(){

    var mymessage=confirm("你是女士!");

    if(mymessage==true)

    {

        document.write("你是女士!");

    }

    else

    {

        document.write("你是男士!");

    }

  }

  </script>

</head>

<body>

    <input name="button" type="button" onClick="rec()" value="点击我，弹出确认对话框" />

</body>

</html>

结果：

延伸：

一.之前有说过，功能的话最好用函数来写，那样的话每一个函数都是一个功能，以后有用到这些功能的话，就可以直接用了。即复用。所以要习惯这样哦。。。。。。

就像上面那个例子

<script language="JavaScript">

function confirm (){

    var msg=confirm("你是女士!");

    if(msg==true)

    {

        document.write("你是女士!");

    }

    else

    {

        document.write("你是男士!");

    }

  }   

  </script>
然后给input调用函数，加个onClick="confirm ()"

注意：之前在博问里问过onclick="return confirm()"，onclick="confirm()"有什么不同，几个热心的网友回复了我，现在我总结一下：

confirm是有返回值的。然后onclick函数需要一个返回值，如果不是return confirm()，那么onclick接受到返回值就是undefined，那么表单本身的默认函数就会被触发。

如：
<form action="http://www.baidu.com">

    <button type="submit" onclick="confirm();">提交</button>

</form>

<form action="http://www.baidu.com">

    <button type="submit" onclick="return confirm();">提交</button>

</form> 

return false，会产生event.preventDefault()的效果，加上的话就不会出现表单点取消也被提交的情况了。

二.我们来对javascript window.confirm的方法做个小结

第一种：



就是上面我们提到的那种方法




<script language="JavaScript"> 

function confirm (){

    var msg=confirm("你是女士!");

    if(msg==true)

    {

        document.write("你是女士!");

    }

    else

    {

        document.write("你是男士!");

    }

  }   

  </script>






<input name="button" type="button" onClick="return confirm()" value="点击我，弹出确认对话框" />




注意：input ,buttton,form的的onclick()事件的方法前面需要加一个return ，想这样一样：onClick="return confirm ()"，以避免产生点击取消表单依然被提交的情况。


为了确保点击取消后，不做操作，最好给取消操作返回个false结果。


即：




<script language="JavaScript">

function confirm (){

    var msg=confirm("确定删除!");

    if(msg==true)

    {

        document.write("删除成功!");

    }

    else

{

        return false;

           }

  }

  </script>






<input name="button" type="button" onClick="return confirm ()" value="删除" />




第二种：


在标签中写：


1.




 <a href="javascript:if(confirm('确实要删除该内容吗?')) location='#'">删除</a>




2 .




 <a href="#" onclick= "if(confirm( '确实要删除该内容吗?')==false)return false; ">点击确定</a>




想简单点调用的话 也可以这样


代码如下:






<a href="#" onclick= "return confirm('确实要删除该内容吗?');">删除</a>




第三种：




<script language="JavaScript">

function del_confirm(e)

{

if (event.srcElement.outerText == "删除")

{

event.returnValue = confirm("删除是不可恢复的，你确认要删除吗？");

}

}

document.onclick = delete_confirm;

</script>






<a href="#" onClick="del_confirm">删除</a>




第四种：




<script language="JavaScript">

function del_confirm()

{

event.returnValue = confirm("删除是不可恢复的，你确认要删除吗？");

}

</script>






<a href="http://www.baidu.com" onClick="del_confirm()">删除</a>




二.如何将confirm 确定 取消 按钮替换成 是 否


1.confirm重写
2.用了vbscript来改写，暂时还没接触到vbscript，所以先放到一边，等以后有时间学习了回头看他。想知道如何实现的话就先参考下javascript JS 中confirm 确定 取消 按钮替换成 是 否 取消


三.js confirm换行详解


(1)




confirm('你好 \n world \n !');




(2)




confirm("你好\u000d world ") 




(3)




confirm("你好\r world ")




四.用jquery ui 实现类似cofirm功能


因为还没有接触到，所以先放到一边，等js学完了以后在回头看他。想知道如何实现的话就先参考一下这篇文章JQuery ui 实现类似于confirm的功能


注意：本文为原创，转载请以链接形式标明本文地址 ，谢谢合作。


本文地址：http://www.cnblogs.com/wanghuih/p/5592991.html




												


											
confirm确认对话框的更多相关文章
	

    
						
  1. jquery仿alert提示框、confirm确认对话框、prompt带输入的提示框插件[附实例演示]
		
    jquery仿alert提示框.confirm确认对话框.prompt带输入的提示框插件实例演示 第一步:引入所需要的jquery插件文件: http://www.angelweb.cn/Inc/eg ...
    
		
    2. 
						
  2. 关于abp中使用的sweetalert对话框组件的confirm确认对话框中的一个坑
		
    今天修改了一个功能,限制删除用户,在删除的时候不满足条件的时候提示用户原因,使用的sweet alert组件. abp框架前端集成了sweet alert 对http请求的error做了全局处理,我在 ...
    
		
    3. 
								
  3. Unity3d UGUI 通用Confirm确认对话框实现（Inventory Pro学习总结）
		
    背景 曾几何时,在Winform中,使用MessageBox对话框是如此happy,后来还有人封装了可以选择各种图标和带隐藏详情的MessageBox,现在Unity3d UGui就没有了这样的好事情 ...
    
		
    4. 
						
  4. asp.net在后台弹出confirm确认对话框并获取用户选择的值做出相应的操作
		
    在asp项目中,这种情况是经常出现的,前段时间通过查找资料以及自己尝试,找到一种解决方案,但是不知是否有更好的方案,以后发现再进行记录. 一.思路 在本次项目中,在一个函数中需要让用户判断,并根据用户 ...
    
		
    5. 
						
  5. BootstrapDialog.confirm确认对话框
		
    1. 依赖文件: bootstrap.js bootstrap-dialog.js bootstrap.css bootstrap-dialog.css 2.代码 BootstrapDialog.co ...
    
		
    6. 
						
  6. 确认(confirm 消息对话框)
		
    confirm 消息对话框通常用于允许用户做选择的动作(包括一个确定按钮和一个取消按钮). 语法: confirm(str) str:在消息对话框中要显示的文本 返回值: 当用户点击"确定& ...
    
		
    7. 
						
  7. javascript window.confirm确认 取消对话框实现代码小结
		
    本文章讲述的三种都是基于了javascript confirm提示确认框的做法了,只是在不同的地方写哦,有需要的同学可参考一下   confirm() 方法 confirm() 方法用于显示一个带有指 ...
    
		
    8. 
						
  8. 确认（confirm 消息对话框）语法：confirm(str); 消息对话框通常用于允许用户做选择的动作，如：“你对吗？”等。弹出对话框(包括一个确定按钮和一个取消按钮)
		
    确认(confirm 消息对话框) confirm 消息对话框通常用于允许用户做选择的动作,如:"你对吗?"等.弹出对话框(包括一个确定按钮和一个取消按钮). 语法: confir ...
    
		
    9. 
						
  9. 实现对gridview删除行时弹出确认对话框的一种简单方法
		
    在VS2008提供的GridView中我们可以直接添加一个CommandField删除列:<asp:CommandField ShowDeleteButton="True"  ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 使用Condition Variables 实现一个线程安全队列
			
    使用Condition Variables实现一个线程安全队列 测试机: i7-4800MQ .7GHz, logical core, physical core, 8G memory, 256GB  ...
    
			
    2. 
						
  2. Windows 7上打开IE浏览器报错：无法启动此程序，因为计算机中丢失api-ms-win-core-path-|1-1-0.dll。尝试重新安装该程序以解决此问题。
			
    Windows 7上打开IE浏览器报错: 1. 重新安装IE11也没有解决该问题 2. 在其他Win7电脑也搜索不到该文件,但是能使用IE浏览器. 3. 从网上找了一个dll文件,注册时提示如下图
    
			
    3. 
						
  3. python基础教程之抽象
			
    很早知道python,但没有坚持学习.最近心血来潮,但能弥补这个遗憾. 对象几个重要概念: 多态:可以对不同类的对象使用同样的操作: 封装:对外部世界隐藏对象的工作细节: 继承:以普通的类为基础建立专 ...
    
			
    4. 
						
  4. Windows性能查看器：系统的性能信息(I/O，IIS最大连接数,Sql) ，以及解决 asp.net  IIS 一二百多用户并发
			
    在测试过程中,我们经常需要知道“系统的资源利用情况”来监测我们的测试执行情况,来查看测试环境是否有效,测试结果是否可信,或者是在无人值守时保存结果,等我们值班时再来分析. 1.在Windows环境下, ...
    
			
    5. 
						
  5. win7 ：安装SQL2005
			
     转载:http://www.cnblogs.com/icewee/articles/2019783.html 操作系统:Microsoft Windows 7 旗舰版(64位) 数据库版本:SQL  ...
    
			
    6. 
						
  6. 【Java数据格式化】使用DecimalFormat 对Float和double进行格式化
			
    格式化包括如下内容: 基本用法 金钱格式: 科学计数法: 百分比计数法: 嵌入文本: package com.sssppp.NumberFormat; import java.text.Decimal ...
    
			
    7. 
						
  7. 千里积于跬步——流，向量场，和微分方程[转载]
			
    在很多不同的科学领域里面,对于运动或者变化的描述和建模,都具有非常根本性的地位--我个人认为,在计算机视觉里面,这也是非常重要的. 什么是"流"? 在我接触过的各种数学体系中,对于 ...
    
			
    8. 
						
  8. BlockingQueue深入分析
			
    1.BlockingQueue定义的常用方法如下   抛出异常 特殊值 阻塞 超时 插入 add(e) offer(e) put(e) offer(e,time,unit) 移除 remove() p ...
    
			
    9. 
						
  9. 【转】C# 使用消息队列，包括远程访问
			
    出处:http://www.cnblogs.com/80X86/p/5557801.html 近期做一个小的功能需求,用到了队列,用的时候出了很多问题,现在总结一下,希望能对有需要的人提供帮助. 我的 ...
    
			
    10. 
						
  10. 【知识点】安全存储服务（SSS）目标应用程序类型
			
    存在若干种类型的目标应用程序.它们分为两大类:单独的目标应用程序和组目标应用程序.目标应用程序的类型与用于映射用户凭据的帐户类型对应.如果每个用户都在目标应用程序中具有一个帐户,则选择单独的类型.如果 ...
    
			
    11.