对话框 confirm 方法

定义和用法

confirm() 方法用于显示一个带有指定消息和 “ 确定” 及 “ 取消 ” 按钮的对话框。

语 法

confirm(message)
参数 描述
message 要在 window 上弹出的对话框中显示的纯文本(而非 HTML 文本)

说 明

  • 如果用户点击确定按钮,则 confirm() 返回 true。如果点击取消按钮,则 confirm() 返回 false。
  • 在用户点击确定按钮或取消按钮把对话框关闭之前,它将阻止用户对浏览器的所有输入。
  • 在调用 confirm() 时,将暂停对 JavaScript 代码的执行,在用户作出响应之前,不会执行下一条语句。

常规对话框

效果图

实现代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- BootCDN提供了很多如JQuery、Chart.js、ECarts.js等等,BootCDN官网地址:http://www.bootcdn.cn/-->
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("input").bind("click", function () {
                if (confirm("您确定前往百度吗?")) {
                    location.href = "http://www.baidu.com";
                }
            });
        });
    </script>
</head>
<body>
<input type="button" value="点我"/>
</body>
</html>

 

猜你喜欢

转载自blog.csdn.net/wangmx1993328/article/details/81484133