首頁 > 網際網路

asp如何設定超連結只能點一下

2019-12-12 14:58:22

通過JavaScript指令碼控制超連結的點選次數。

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>


2

用chrome瀏覽器開啟,測試。


3

第一次點選,彈出次數提示。


4

正常彈出超連結,指向百度首頁。


5

第二次點選,提出點選次數提示。


6

因為是第二次點選,所以,不再彈出百度首頁。



IT145.com E-mail:sddin#qq.com