欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-03-23 12:20:37
...
JavaScript中的confirm()方法可以实现弹出的对话框的确认和取消的按钮,如果用户点击确定按钮,则 confirm() 返回 true。如果点击取消按钮,则 confirm() 返回 false。

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

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

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

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

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

具体的代码示例如下

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

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

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

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

效果如下

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

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

效果如下

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

以上就是JavaScript中的confirm()如何实现确认对话框的详细内容,更多请关注其它相关文章!

相关标签: confirm