javascript - 如何在javascript中保存变量的值

Question

我是一个重定向到自身的页面。 (带有第二天和前一天的箭头)在 document.ready 时，页面显示新的一天。

这些天数存储在 localStorage 中，如下所示:

for(var i = 0;i<status.length;i++)
  {
      localStorage["Day" + i] = status[i].name;
  }

我希望每次显示的默认日期是“Day0”，然后当用户单击下一个或上一个时显示另一天。

    $(document).ready(function () {
           $("#CurrentDay").empty();
           $("#CurrentDay").append(GetCurrentDay());
        });

   function GetCurrentDay() {
   localStorage["CurrentDay"] = localStorage["Day0"];
   return localStorage["CurrentDay"];
}

我让箭头调用这些函数:

  function GoToNextDay() {
    if (i != localStorage["SchoolDays"]+1) {
        i = i + 1;
        localStorage["CurrentDay"] = localStorage["Day" + i];
    }
    else {
        localStorage["CurrentDay"] = localStorage["Day" + 0];
    }
}

 function GoToPrevDay() {
    if (i != 0) {
        i = i - 1;
        localStorage["CurrentDay"] = localStorage["Day" + i];
    }
    else {

    localStorage["CurrentDay"] = localStorage["Day" + localStorage["SelectedDaysNumber"]];
    }
}

我想知道如何存储值“i”，因为当我在脚本开头用“0”初始化它时，每当调用页面时它都会返回到 0，并且如果我没有使用它value 我怎么知道我从哪里开始？

Answer 1

您可以使用 localStorage 或 globalStorage 来存储数据:

if(typeof localStorage['userName'] === "undefined") {
    // defining the localStorage variable
    localStorage.setItem('userName', 'taranfx');
}

alert("Your user is: " + localStorage.getItem('userName'));

或者，即使在刷新页面后，您也可以使用 cookie 来存储该值:

Cookie 可以通过 JavaScript 创建、读取和删除。它们可以通过属性 document.cookie 访问。虽然您可以将 document.cookie 视为字符串，但实际上并非如此，并且您只能访问名称/值对。

如果我想设置一个名称-值对“ppkcookie1=testcookie”的 cookie，该 cookie 在我写下这句话的那一刻起 7 天内过期，我会这样做

document.cookie =
  'ppkcookie1=testcookie; expires=Thu, 2 Aug 2001 20:47:11 UTC; path=/'

1. 首先是名称-值对 ('ppkcookie1=testcookie')
2. 然后是分号和空格
3. 然后是正确格式的到期日期('expires=Thu, 2 Aug 2001 20:47:11 UTC')
4. 又是一个分号和一个空格
5. 然后是路径 (path=/)

这是非常严格的语法，请勿更改!

此外，即使看起来我正在将整个字符串写入字符串 document.cookie，但当我再次读出它时，我只看到名称-值对:

ppkcookie1=testcookie

http://www.quirksmode.org/js/cookies.html