javascript中的静态数组变量？

Question

我可以在javascript中创建一个静态变量作为数组，我想要做的是即使刷新页面时保持值静态。

我现在正在尝试创建一个函数作为对象，如：

function Data(p){
    Data.point.push(p);
    Data.size++;
}
Data.size = 0; 
Data.point = [];

但后来我注意到每次刷新页面时，由于最后两行，它会重置数据。

Answer 1

您可以使用sessionStorage在页面刷新期间保留数据。

Answer 2

从一个页面加载到下一个页面加载不会保留javascript数据。 当新页面加载到页面顶部时，页面的整个javascript上下文将被销毁。

保存页面加载后保存状态的选项如下：

1. 将数据保存在LocalStorage以便将来的网页可以从那里读取它。
2. 将数据保存在cookie中，以便将来的网页可以从那里读取。
3. 将数据保存在服务器上，以便将其自动加载到将来的页面中，以便将来的网页可以使用ajax查询服务器。
4. 将数据编码为queryString并在重新加载页面时使用该URL，然后在加载新页面时从queryString中解析数据。

在所有这些中，LocalStorage选项可能是最简单和最干净的选项。 你可以在这里阅读： https ： //developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Storage#localStorage

IE8及更高版本以及所有其他流行的浏览器都提供LocalStorage（或者如果您希望存储的使用寿命更短的会话存储）。 上面引用的MDN文章甚至包括一个垫片，如果不支持LocalStorage，它将回退到cookie（例如IE的旧版本）。