更改 JavaScript 中的外部变量

Question

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

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

我该怎么做？

我的 JS 文件：

（按钮.js）

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

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

HTML #2 没有 output 新值，而是输出在buttons.JS（0）中设置的原始值

有什么方法可以更改 fifc 以便 HTML #2 将其视为 4895239？

Answer 1

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

不过，您可以使用 sessionStorage 或 localStorage 在不同的会话中持久保存 state（主要区别在于即使关闭浏览器并且之后清除 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');