confirm确认对话框的实现方法总结
还记得之前的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 ()"最后对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="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确认对话框的实现方法总结全部内容了，希望大家多多支持我们~
相关推荐
-
Extjs Ext.MessageBox.confirm 确认对话框详解
Ext.MessageBox.confirm()详解 显示一个确认对话框,用来代替JavaScript标准的confirm()方法,具有两个按钮"是"和"否"如果为其提供一个回调函数,则该函数将在单击按钮后被调用(包括右上角的推出按钮),所单击按钮的id将被作为唯一的参数传递到回调函数中. 调用格式: confirm(String title,String msg,[function fn],[Object scope]) 参数说明: Ext.MessageBox.
-
Confirmer JQuery确认对话框组件
插件截图: 用途:点击链接或按钮时要确认是否继续当前操作. 插件代码: 复制代码 代码如下: (function($){ $.fn.confirmer = function(options){ var defaults = { msg:"Are you sure to delete it ?" } var options = $.extend(defaults, options); var control=$(this); $(control).click(function(){ret
-
javascript window.confirm确认 取消对话框实现代码小结
confirm() 方法 confirm() 方法用于显示一个带有指定消息和确定及取消按钮的对话框. 说明:如果用户点击确定按钮,则 confirm() 返回 true.如果点击取消按钮,则 confirm() 返回 false 一种: 复制代码 代码如下: <a href="javascript:if(confirm('确实要删除该内容吗?'))location='http://www.baidu.com'">弹出窗口</a> 二种: 复制代码 代码如下: &
-
confirm确认对话框的实现方法总结
还记得之前的javascript入门里的讲的confirm 消息对话框吗?不记得也没关系,我们先来回顾一下,然后在详细讲它. 复习: confirm 消息对话框通常用于允许用户做选择的动作,如:"你对吗?"等.弹出对话框(包括一个确定按钮和一个取消按钮). 语法: confirm(str); 参数说明: str:在消息对话框中要显示的文本返回值: Boolean值返回值: 当用户点击"确定"按钮时,返回true当用户点击"取消"按钮时,返回fal
-
JS给超链接加确认对话框的方法
本文实例讲述了JS给超链接加确认对话框的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html> <head> <title>JS给超链接加一个确认对话框</title> <script language="javascript"> <!-- function linkok(url){ question = confirm("你确认要链接到" + url +"
-
jQuery UI插件自定义confirm确认框的方法
本文实例讲述了jQuery UI插件自定义confirm确认框的方法.分享给大家供大家参考.具体分析如下: 这段代码通过jQuery UI自定义了一个confirm的确认对话框效果,通过html代码自定义对话框的显示界面和外观,可以自定义confirm框的按钮,本例中定义了一个confirm确认按钮和一个cancel取消按钮. html代码 <button id="callConfirm">Confirm!</button> <div id="d
-
打开超链需要“确认”对话框的方法
超链"确认"对话框 //将下面一段代码插入与之间: function rusure() { question = confirm("确实要去进入吗?") if (question !="0") { window.open("","测试","width=340,height=163,toolbar=0,status=0,menubar=0,resize=0"); } question =a
-
javascript实现对话框功能警告（alert 消息对话框）确认（confirm 消息对话框）
我们在访问网站的时候,有时会突然弹出一个小窗口,上面写着一段提示信息文字.如果你不点击"确定",就不能对网页做任何操作,这个小窗口就是使用alert实现的. 注:alert弹出消息对话框(包含一个确定按钮). 语法: alert(字符串或变量); 注意: 1. 在点击对话框"确定"按钮前,不能进行任何其它操作. 2. 消息对话框通常可以用于调试程序. 3. alert输出内容,可以是字符串或变量,与document.write 相似. <title>a
-
PHP控制前台弹出对话框的实现方法
应用场景: 微信授权登录过程中,需要用户确认,故衍生此需求: 相应的逻辑不放在前端的原因是,此部分逻辑属于偏功能业务,所以放在后端,方便统一管理. 解决办法: 通过php echo出javascript脚本,这里需要关注的一点是缓冲区. 缓冲区应该是有三个部分,分别是php.webserver.web browser,可以通过程序代码或配置文件做到实时输出,相对而言后台是可控的,但是前台不同浏览器缓冲机制是不同的,这里没有深入研究.我的解决方案是,允许非实时输出. 允许非实时输出的一个要求是,在
-
在 Angular2 中实现自定义校验指令（确认密码）的方法
我们会在本文中探索 Angular 2 内建的自定义验证. # 介绍 Angular 2 原生就支持一些有用的验证器: required: 验证字段必须存在 minlength: 验证字段值的最小长度有效 maxlength: 验证字段值的最大长度有效 pattern: 验证输入的值是否匹配给定的模板,比如 email 我们会基于下面的接口创建一个表单来获取用户信息. // user.interface.ts export interface User { username: string; /
-
jquery mobile 实现自定义confirm确认框效果的简单实例
类似删除的效果,在执行之前,一般需要添加确认对话框,点确认的话执行,取消按钮就不执行,传统的js if(confirm('确定删除吗?')) { //执行代码 } 这种效果比较丑,使用jquery mobile优化一下 需要引用的文件: <script src="~/Scripts/jquery-1.10.2.min.js"></script> <link href="~/Scripts/Mobile/jquery.mobile-1.4.0.mi