Javascript 将函数的输出保存到站点?

标签 javascript html function save counter

大家好,这有点奇怪,可能是一个简单的解决方案,我不知道,因为我对 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。这可能吗?

最佳答案

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

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

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

关于Javascript 将函数的输出保存到站点?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12764163/

相关文章:

C++ function_pointer 和 &function_pointer 有什么区别?

C++ 将非模板成员函数调用转发到模板函数

javascript - React Native - 违反不变性 : Objects are not valid as a React Child (Using Node JS for backend)

html - div高度在div内100%

javascript - 将鼠标悬停在区域上时如何避免 CSS 闪烁?

html - CSS 不能使用 font-size 属性?

c++ - 如何通过函数参数返回动态数组?

javascript - 检测浏览器是否为三星手机

javascript - 在 Service Worker 中缓存 Amazon S3 文件以供离线使用

javascript - 在直方图中指定 bin 大小