更改 JavaScript 中的外部变量

Question

我有 1 个外部 JS 文件和 2 个 HTML 文件。

我想使用 HTML 文件 #1 更改我的 JS 文件中某些变量的值，并让其他 HTML 文件可以访问新值。

我该怎么做？

我的 JS 文件：

(buttons.js)

HTML #1：（输出：fifc = 4895239）

HTML #2：（输出：fifc = 0）

HTML #2 不输出新值，而是输出在buttons.JS (0) 中设置的原始值

有没有办法改变 fifc 以便 HTML #2 将其视为 4895239？

Answer 1

拥有一个 HTML 文件意味着页面加载和 JS 变量绑定到现在显示的页面。所以，没有办法直接改变这些变量。这就像试图在另一个程序中更改一个变量。

不过，您可以使用 sessionStorage 或 localStorage 在不同的会话中保持状态（主要区别在于，即使浏览器关闭并且之后清除了 sessionStorage，localStorage 也会保持不变）。根据您的需要，我认为 sessionStorage 可能会更好，但这取决于您。

你可以这样做

// Replace fifc = 0 with this
// it basically sets the item on sessionStorage if it
// doesn't already exist
if (!sessionStorage.getItem('fifc')) {
  sessionStorage.setItem('fifc', 0),
}

然后，在每个页面上，您都可以使用

sessionStorage.getItem('fifc');