Question

是否可以制作一个javascript或ajax之类的计数器，刷新时不会重置为0？

<script type="text/javascript">
var count = 0;
function countClicks() {
count = count + 1;
document.getElementById("p2").innerHTML = count;
}
</script>
</head>
<body>
<p>
<a href="javascript:countClicks();">Count Clicks</a>
</p>
<p id="p2">0</p>

Answer 1

您可以使用localStorage在客户端保留数据：

<script type="text/javascript">
  localStorage.clickCount = localStorage.clickCount || 0;
  function countClicks() {
    localStorage.clickCount++;
    document.getElementById("p2").innerHTML = localStorage.clickCount;
  }
</script>

当特定浏览器第一次访问该页面时，它会将localStorage.clickCount varibale设置为0.每次浏览器的用户单击该按钮时，此变量将递增并保存在浏览器中。 / p>

如果要在页面的所有查看者之间共享计数，则必须实现服务器端持久性。无论您使用哪种后端，都必须实现获取和设置点击次数的值。

Javascript或Ajax喜欢反击

1 个答案: