asp如何设置超链接只能点一下

2025-10-21 13:14:57

1、打开记事本(或你熟悉的文本编辑工具)

输入一下代码,文件存为test.html.

<html>

    <head>

        <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

        <script>

            var clickNum = [];

            $(document).ready(function(){

                $('a').click(function() {

                   //获取当前点击的超链接

                    var id = $(this).data('id');

                   //点击计数

                    clickNum[id] = clickNum[id] > 0 ? ++clickNum[id] : 1;

                   //弹出是第几次点击

                    alert('超链接《' + id + '》被点击 ' + clickNum[id] + ' 次!');

                   //判断是否第一次点击,如果是正常弹出;否则,阻止事件

                    if(clickNum[id]>1) return false;//阻止超链接跳转

                });

            });

        </script>

    </head>

    <body>

        <a data-id='1' href="https://www.baidu.com" target="_blank">超链接1</a>

        <a data-id='2' href="https://www.baidu.com" target="_blank">超链接2</a>

        <a data-id='3' href="https://www.baidu.com" target="_blank">超链接3</a>

    </body>

</html>

asp如何设置超链接只能点一下

2、用chrome浏览器打开,测试。

asp如何设置超链接只能点一下

3、第一次点击,弹出次数提示。

asp如何设置超链接只能点一下

4、正常弹出超链接,指向百度首页。

asp如何设置超链接只能点一下

5、第二次点击,提出点击次数提示。

asp如何设置超链接只能点一下

6、因为是第二次点击,所以,不再弹出百度首页。

asp如何设置超链接只能点一下

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢