confirm确认对话框的实现方法总结

网络编程 2024/9/24 佚名

3 1 2

还记得之前的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="点击我，弹出确认对话框" />

第二种：

在标签中写：

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

2 .

<a href="#" onclick= "if(confirm( '确实要删除该内容吗">点击确定</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确认对话框的实现方法总结全部内容了，希望大家多多支持~

confirm确认对话框

华山资源网 Design By www.eoogi.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

华山资源网 Design By www.eoogi.com

评论“confirm确认对话框的实现方法总结”

暂无评论...

www.eoogi.com 华山资源网

120,135影音资源

344,641技术资源

22,817软件资源

435,032站长资源

稳了！魔兽国服回归的3条重磅消息！官宣时间再确认！

昨天有一位朋友在大神群里分享，自己亚服账号被封号之后居然弹出了国服的封号信息对话框。

这里面让他访问的是一个国服的战网网址，com.cn和后面的zh都非常明白地表明这就是国服战网。
而他在复制这个网址并且进行登录之后，确实是网易的网址，也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情，因为以前都没有出现这样的情况，现在突然提示跳转到国服战网的网址，是不是说明了简体中文客户端已经开始进行更新了呢？

更新日志

2024年09月24日

confirm确认对话框的实现方法总结

json实现添加、遍历与删除属性的方法

js实现获取两个日期之间所有日期的方法

评论“confirm确认对话框的实现方法总结”

稳了！魔兽国服回归的3条重磅消息！官宣时间再确认！

更新日志

友情链接