javascript - 你如何制作一个每次重新加载都会改变的变量？

Question

我所说的变量就像页面浏览量。我想要它，所以变量不会每次都从 1 开始。因此，每次重新加载时，pageviews 变量都会加 1。我所拥有的是：

HTML：

<div id='pageviews'></div>

Javascript：

var pageviews;
pageviews += 1;
document.getElementById('pageviews').innerHTML = pageviews;

我没有使用 CSS，因为那是可选的。

Answer 1

您可以根据预期的行为使用 sessionStorage 或 localStorage。

$(document).ready(function() {

        var currentUpdateCount = sessionStorage.getItem("updateCount") ? sessionStorage.getItem("updateCount") : 1;

        sessionStorage.setItem("updateCount", currentValues + 1);

    });

sessionStorage 仅在当前会话在浏览器中打开时才有效。

关闭并再次打开浏览器后，localStorage 仍然存在。

您可以在这里了解更多关于 html5 存储系统的信息

Answer 2

您需要向服务器发送 ajax 请求并将其存储在数据库中。

如果您只想测试您的代码，您可以暂时使用 localStorage，然后修改代码以稍后发送 ajax 请求。

Answer 3

用于localStorage将计数存储为：

var count = 0;

localStorage.setItem('count', count);

并用于var count = localStorage.getItem('count');检索值（请记住 localstorage 存储为字符串而不是整数，因此您不能直接将其用作整数。

或者

使用 Cookie，通过setcookie()设置一个 cookie ，尽管您必须为其设置一些到期日期。

编辑：这正是要实现的目标。希望能帮助到你。