如何使用localStorage和完整示例使已更改的javascript变量在刷新后保持不变_Javascript_Variables_Refresh_Local Storage

如何使用localStorage和完整示例使已更改的javascript变量在刷新后保持不变

javascript variables

如何使用localStorage和完整示例使已更改的javascript变量在刷新后保持不变,javascript,variables,refresh,local-storage,Javascript,Variables,Refresh,Local Storage,我知道以前有人问过这个问题，但我从来都不明白。我将用另一个问题作为例子。假设我有一个值为1的变量。我单击一个按钮，将其更改为2。我刷新，但我希望变量仍然保持在2。有人回答说使用本地存储，但我一点也不明白。我试了好几次，但都没有成功。有人能给出一个完整的JS文件使用它的例子吗？我的意思是我不希望答案只是- 使用此选项设置变量：localStorage.setItemtest，test；为了得到它： var test=localStorage.getItemtest；我想要一个包含所有代码的完整示

我知道以前有人问过这个问题，但我从来都不明白。我将用另一个问题作为例子。假设我有一个值为1的变量。我单击一个按钮，将其更改为2。我刷新，但我希望变量仍然保持在2。有人回答说使用本地存储，但我一点也不明白。我试了好几次，但都没有成功。有人能给出一个完整的JS文件使用它的例子吗？我的意思是我不希望答案只是- 使用此选项设置变量：localStorage.setItemtest，test；为了得到它： var test=localStorage.getItemtest；我想要一个包含所有代码的完整示例。这就是我要说的，只是我做了这个，所以它不起作用：

<html>
<body onload="getItem()">
  <p id="tt">1</p>
  <button onclick="changeTest()">changetest</button>
</body>
<script>

var test = 1;
localStorage.setItem("test", test);

function changeTest()
{
    test = 2;
    document.getElementById("tt").innerHTML = test;
    localStorage.setItem("test", test);
}

function getItem()
{
    localStorage.getItem("test");
    document.getElementById("tt").innerHTML = test;
}
</script>
</html>

window.localStorage.getItem返回变量，但不导入该变量，因为该变量已在脚本中。例如：

var test=window.localStorage.getItemtest

您还可以使用window.localStorage.test，主要区别在于，如果我没有弄错，则不会触发存储事件

您的错误在于每次在页面加载时将localStorage.test设置为test=1

第二，在get函数中，您没有将localstorage的值分配给测试变量

这是一个工作代码：

         <!DOCTYPE html>


         <html>
        <body onload="getItem()">
              <script>

        var test ;


          function changeTest()
          {
            test = 2;

          document.getElementById("tt").innerHTML = test;
           localStorage.setItem("test", test);   

          }

        function getItem() 
         {
             alert(typeof localStorage.test === "undefined")
       test=  typeof localStorage.test === "undefined" ? 1 : localStorage.test
       alert(test)
        document.getElementById("tt").innerHTML = test; 
         }    
          </script> 
          <p id="tt">1</p>
         <button onclick="changeTest()">changetest</button>

        </body>

         </html>