如何保存Javascript变量

How to save a Javascript Variable?

本文关键字：Javascript 变量 保存 何保存      更新时间：2023-09-26

我正在进行一个涉及全局点库的项目。

我一直在尝试使用这段代码的snippets，但刷新后无法保存变量。

    <!DOCTYPE HTML>
<html>
<head>
    <title>Javascript variable testing</title>
</head>
<body>
    <script type="text/javascript">
    var clicks = 500000;
    function onClick() {
        clicks += 1;
        document.getElementById("clicks").innerHTML = clicks;
    };
    </script>
    <button type="button" onClick="onClick()">Click this bit</button>
    <p>Clicks: <a id="clicks">500000</a></p>
</body>
</html>

将数据设置为localStorage。这是文件https://developer.mozilla.org/en/docs/Web/API/Window/localStorage

可以在页面刷新后获取值。

设置您的价值使用：localStorage.setItem('key', 'value');

刷新页面后从本地存储获取价值：localStorage.getItem('key');

否则可以使用sessionStorage、Web SQL&cookies。

示例： 

var clicks = 500000;
localStorage.setItem('clicks', clicks); // set you value to localStorage
function onClick() {
  clicks += 1;
  localStorage.setItem('clicks', clicks); // update you value
  document.getElementById("clicks").innerHTML = clicks;
}
window.onload = function() {
  clicks = localStorage.getItem('clicks'); // get your value from localStorage
};
<!DOCTYPE HTML>
<html>
<head>
  <title>Javascript variable testing</title>
</head>
<body>
  <button type="button" onclick="onClick()">Click this bit</button>
  <p>Clicks: <a id="clicks">500000</a>
  </p>
</body>
</html>

相关文章：