博客

HTML DOM confirm()方法使用

  • Post author:
  • Post category:其他



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 οnclick="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>

转载于:https://www.cnblogs.com/shi-blog/p/4477699.html