2-3 JavaScript-确认(confirm 消息对话框)
本节编程练习不计算学习进度,请电脑登录imooc.com操作

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>

结果:

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

任务

补充右边编辑器第8行代码,使用confirm()提示框,当点击按钮时,完成性别确认。

  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>confirm</title>
  6. <script type="text/javascript">
  7. function rec(){
  8. var mymessage= ;
  9. if(mymessage==true)
  10. {
  11. document.write("你是女士!");
  12. }
  13. else
  14. {
  15. document.write("你是男士!");
  16. }
  17. }
  18. </script>
  19. </head>
  20. <body>
  21. <input name="button" type="button" onClick="rec()" value="点击我,弹出确认对话框" />
  22. </body>
  23. </html>
下一节