0

嗨，伙计们，这有点奇怪，可能是一个简单的修复我不知道，因为我是 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。这可能吗？

4

3 回答 3

2

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

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

另一方面，如果您想与多个用户共享某些内容，则必须将其集中存储在可供所有人访问的某个地方：服务器。

于 2012-10-06T21:59:52.103 回答
0

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

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

于 2012-10-06T21:59:23.953 回答
0

如果您只使用 JavaScript 并将其存储在客户端，那么您还必须将其存储在服务器端，这是不可能的。

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

jQuery - 单击按钮时增加计数器的值

于 2012-10-06T21:59:26.887 回答