Question

我想在网页上添加一个链接，并显示链接收到的点击次数。这是我目前的代码：

<!DOCTYPE html>
<html>
<head>
<script>
    function clickCounter() {
        if (typeof (Storage) !== "undefined") {
            if (localStorage.clickcount) {
                localStorage.clickcount = Number(localStorage.clickcount) + 1;
            } else {
                localStorage.clickcount = 1;
            }
            document.getElementById("result").innerHTML = localStorage.clickcount;
        } else {
            document.getElementById("result").innerHTML = "Sorry, your browser does not support web storage...";
        }
window.location = 'http://www.google.com';
    }
</script>
</head>

<body link="White">
    <p align="center">
        <p>
            <button onclick="clickCounter();"><span style="font-size:35px;" font face="Face"> Please Click Here to Access QLM </span>
            </button>
        </p>
        <div align="center" id="result"></div>
</html>

所以，问题是如何在点击按钮之前使“结果”文本可见？因为当我运行该脚本时，“结果”文本在我单击按钮之前不会显示。

Answer 1

window.onload=function(){
document.getElementById("result").innerHTML = localStorage.clickcount;
};

你必须把代码填入onload函数中，以便在加载页面时显示它。

Answer 2

window.onload=function(){
    if( localStorage.clickcount) //for undefined result
    document.getElementById("result").innerHTML = localStorage.clickcount;
};

Answer 3

用jquery ..

<script>
    $( document ).ready(function() {
         $('#result').html(localStorage.clickcount);
    });
</script>

Answer 4

这是解决此问题的错误方法，因为使用localStorage会向每个用户显示他们自己点击链接的次数。

要跟踪总点击次数，您需要做的是使用服务器端技术，例如点击触发对PHP脚本的ajax请求，该脚本将记录文本文件或数据库中的总点击量或其他内容

如果您这样做是为了获取任何严肃的指标，那么您最好选择Google Analytics等既定路线：https://developers.google.com/analytics/devguides/collection/gajs/eventTrackerGuide

如何计算链接点击次数？

4 个答案: