跨页面持久保存 JavaScript 变量

在 JavaScript 中，变量的作用域通常仅限于定义它们的页面。但是，在某些情况下，您可能需要从一个页面访问另一页面的变量。这就是持久化变量的概念发挥作用的地方。

跨页面持久化 JavaScript 变量的一种方法是利用 window.name 属性。此属性允许您将数据作为字符串存储在浏览器窗口的 name 属性中。要使用此方法设置变量，请将其分配给 window.name 对象。例如，在页面 A 上：

window.name = "someVar=5";

当您导航到页面 B 时，可以从 window.name:

var someVar = window.name.split("=")[1]; // returns "5"

但是，需要注意的是，这种方法有一些限制：

• 它只能将数据存储为字符串，这可能需要额外的解析。
• 它只能在相同的浏览上下文（相同的窗口/选项卡）中工作。
• 一些较旧的浏览器可能不支持使用 window.name 来存储数据。