跨页面存储信息的Javascript

我一直在尝试使用sessionStorage跨页面保存javascript变量

据我所知，语法是：

sessionStorage.setItem('whateverkey', 'whatever value');

有没有一种方法可以在sessionStorage中保存变量，或者其他简单的方法可以跨页面保存信息

---

提前谢谢

sessionStorage

用于存储一个页面/选项卡的数据，一旦关闭它，就会丢失数据，如果打开另一个具有相同域的选项卡，则会有一个新的

sessionStorage

clean实例

您需要的是使用

localStorage

，它可用于所有选项卡（具有相同的域）

---

会话存储

为每个给定来源维护一个单独的存储区域 这在页面会话期间可用（只要 浏览器处于打开状态，包括页面重新加载和恢复）

localStorage

执行相同的操作，但即使在浏览器关闭和关闭时也会保持不变 重新开放

当我尝试从另一个页面访问它时，我的值为“null”

这是：

sessionStorage

属性允许您访问会话存储对象

sessionStorage

类似于

窗口。localStorage

，唯一的区别是当存储在

localStorage

中的数据没有过期设置时，存储在

sessionStorage

中的数据在页面会话结束时被清除。只要浏览器处于打开状态，页面会话就会持续，并且在页面重新加载和恢复过程中仍然有效在新选项卡或窗口中打开页面将导致启动新会话，这与会话cookie的工作方式不同

---

如果希望数据在同一来源上的多个页面间持久化，请改用

localStorage

。

您可以保存字符串和整数，但不能保存对象。但是，您可以序列化内容并保存JSON

localStorage

用于永久存储数据，而

sessionStorage

只是临时存储数据，直到用户关闭web浏览器

您使用的语法是正确的。您可以使用

setItem

进行存储，使用

getItem

进行加载

例如：

localStorage.setItem('name', 'Alice');
localStorage.setItem('marbles', 22);
localStorage.setItem('admin', true);

或：

然后你可以得到它：

var json = localStorage.getItem('animal');
var animal = JSON.parse(json);

---

那个代码对我来说很好用。您是如何尝试访问它的？ETA：噢，会话存储在不同的页面上无法工作。请使用

localStorage

而不是

sessionStorage

谢谢！本地存储为我工作

var json = localStorage.getItem('animal');
var animal = JSON.parse(json);