HTML DOM confirm()方法使用

confirm()方法用于显示一个带有特点消息的确定和取消的对话框,当用户点击确定时confirm()方法返回true,当用户点击取消时confirm()方法返回false.

1. 触发事件时使用

<html>
    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
        <script type="text/javascript" src="jquery-1.9.1.js"></script>
        <script type="text/javascript">
            $(function() {
                
                $("input[value").click(function() {
                    if(confirm("你确定触发事件?")) {
                        /*
                         *当点击对话框的确定按钮时,返回true时执行业务逻辑
                             *如果直接将click()直接绑定在按钮,即:<input onclick="change();"/>
                         *方法需要返回值
                            */
                        alert("你已经确定触发事件了。。。");
                    }
                });
                
                $("#con").click(function() {
                    if(confirm("你确定触发链接上的事件吗?")) {
                        $("#con").attr("href","http://www.baidu.com");
                    }
                });
                
            });
        </script>
    </head>
    <body>
        <input type="button" value="测试confirm()方法"/>
        <br/><br/>
        <a href="" id="con" target="_blank">连接上使用confirm()方法</a>
    </body>
</html>

 

 

 

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。