是否可以从另一个 HTML 文件中的 JS 脚本加载变量？

Question

我在 HTML 文件中有一个 JS 脚本，它从 API 获取某个值并放入一个变量。 我想将相同的变量与另一个 HTML 文件的值一起放入（新的 HTML 文件是从上一页的按钮加载的）。 有什么办法吗？

Answer 1

我可以想到两种简单的方法。

1.) 试用 sessionStorage: sessionStorage.setItem('key', variable); 将变量值存储在浏览器 session 存储中。 sessionStorage.getItem('key'); 将返回所述变量的设定值。

请参阅： https://developer.mozilla.org/de/docs/Web/API/Window/sessionStorage

2.) 将变量值添加到您的 url www.yourdomain.com?key=value并从您的第二个脚本中检索它。

const urlString = window.location.href;
const url = new URL(urlString);
const value = url.searchParams.get("key");

请参阅： 如何从 GET 参数中获取值？