首页  >  文章  >  web前端  >  JavaScript中的confirm()如何实现确认对话框

JavaScript中的confirm()如何实现确认对话框

不言
不言原创
2018-12-14 17:36:276296浏览

JavaScript中的confirm()方法可以实现弹出的对话框的确认和取消的按钮,如果用户点击确定按钮,则 confirm() 返回 true。如果点击取消按钮,则 confirm() 返回 false。

有时当我们在网站上注册的用户信息,会弹出,显示诸如下面的页面。

confirm

这就是弹出的确认对话框,经常会与警告和提示结合在一起。下面我们就来使用confirm()方法来实现这样的对话框

我们先来看一下confirm()方法的用法

<script>  
var 变量 = confirm(&#39;想要显示的字符串或者值&#39;);
document.write(变量);
</script>

具体的代码示例如下

<!DOCTYPE html>
<html lang = "ja">
  <head>
    <meta charset = "utf-8">
    <title>JavaScript</title>
  </head>
  <body>
    <script>
      var answer = confirm(&#39;输入正确吗?&#39;);
      document.write(answer);
    </script>
  </body>
</html>

运行效果如下:会显示出一个对话框

2345截图20181214172830.png

当你点击确定按钮时,对话框消失,会在页面上显示一个true。

效果如下

confirm

当你点击取消按钮时,对话框也消失,会在页面上显示false。

效果如下

confirm


以上是JavaScript中的confirm()如何实现确认对话框的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn