Question

我找到了以下代码来检查按钮被点击的次数。但是，我希望按钮在单击后重定向到URL并更新点击次数。

<html>
  <head>
    <title>Increment count when button is clicked</title>
  </head>

  <body>
    <input type="button" value="Count" id="countButton" />

    <p>The button was pressed <span id="displayCount">0</span> times.</p>

    <script type="text/javascript">
      var count = 0;
      var button = document.getElementById("countButton");
      var display = document.getElementById("displayCount");

      button.onclick = function(){
        count++;
        display.innerHTML = count;
      }
    </script>
  </body>
</html>

Answer 1

button.onclick = function(){
  count++;
  display.innerHTML = count;
  window.location = "http://jonathanmh.com";
}

这样可以解决这个问题，但是没有人会看到这个数字，因为在用户被重定向到另一个页面后它就会消失。如果要保存其他用户要查看的号码，则需要将其保存在服务器上，最好保存在数据库中。

Answer 2

要实现这一点，您需要在cookie或localStorage（或数据持续存在的任何其他位置）中存储点击次数：

var button = document.getElementById("countButton");
var display = document.getElementById("displayCount");

button.onclick = function(){
    if (isNaN(localStorage.yourCounter))
        localStorage.yourCounter = 0;
    localStorage.yourCounter++;
    display.innerHTML = localStorage.yourCounter;
    window.location = 'http://jsfiddle.net/'
}

显示点击次数并重定向到网址

2 个答案: