Question

大家好，这有点奇怪，可能是一个简单的修复，我不知道，因为我是一般的javascript /编程新手，基本上目前我有一个具有简单计数器功能的网站设置为图像，如下所示：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
</style>
<title></title>
<script type="text/javascript">
var count = 0;
function countClicks() {
 count = count + 1;
    document.getElementById("p2").innerHTML = count;
}
</script>

</head>
<body>
<table border="0">

<td>
<div id="p2" style="padding-left:15px; font-size:30px; font-family:Showcard        Gothic">0</div><br/>
<div>
<img onclick="javascript:countClicks();" src="C:\Users\DOMINATION\Desktop\button.jpg"     alt="alt text" />
</div>
</td>
</body>
</html>

基本上我想要它，以便每当网站刷新时，计数器与上次更改时的设置相同，例如，如果有人进入网站并将计数器放到4，当另一个用户来时在网站上/同一个人刷新页面，计数器仍然是4.这可能吗？

Answer 1

您必须区分存储服务器端（所有用户都看到）和存储客户端的内容（分别为每个用户）。

关于客户端存储，您可以使用localStorage来记住用户输入的值，从而使其可以脱机使用。下次用户打开/刷新页面时，他将再次获得他之前输入的值。其他用户显然不会看到该值，因为它独立地存储在每个用户的本地计算机上这篇文章很好：http://www.html5rocks.com/en/tutorials/offline/storage/

另一方面，如果你想与多个用户分享内容，你必须将它集中存储在某个地方，所有这些都可以访问：服务器。

Answer 2

在客户端中只使用Javascript（Javascript放在html代码中）没有简单的修复。

对于您描述的工作，一个用户执行的点击需要通过服务器与其他用户共享。因此，您需要一些服务器端逻辑才能工作。

Answer 3

如果您只使用JavaScript并将其存储在客户端，您也必须将其存储在服务器端。

在您的情况下，最好对服务器进行ajax调用以更新按钮的计数点击次数。在stackoverflow问题中，有类似的情况：

jQuery - Increase the value of a counter when a button is clicked

Javascript将功能输出保存到网站？

3 个答案: