使用 JavaScript 打开另一个 html 页面时传递变量

这可能是一个非常愚蠢的问题，但我在网上找不到它，而且我已经寻找了至少一个小时。

我有一个链接<a href="MusicMe.html" id="instrumentsNav">Instruments</a>我想在单击后获取它的 ID，因为我需要将一些变量传递到我打开的页面以知道仪器链接已被单击。这是从productInformation.html

我也尝试过做<a href="#" onclick="instrumentsClick()" id="instrumentsNav">Instruments</a>然后在我的 JavaScript 中，window.open("MusicMe.html", "_self");然后尝试以这种方式传递变量，但仍然没有运气。关于如何在页面打开时将变量传递回页面的任何帮助都会很棒。

打开后，我使用变量来设置元素的 ID，以便它只显示一组特定的信息，这些信息是独立工作的，但是当我回去尝试调用它时，它总是认为它是显示它们全部，因为我无法弄清楚如何设置变量来定义它。不幸的是我需要使用 JavaScript 而不是 PHP。

Thanks.

我只是告诉你一些方法，希望你能够实现：

1. 使用查询参数来传递变量。

当您导航到另一个页面时，请将查询参数添加到 URL。

window.open("MusicMe.html?variable=value", "_self");

在下一页中，通过获取来检查 queryParamwindow.location.href并使用正则表达式来分割参数?并获取该数据。

2. 使用本地存储/cookie

在导航到下一页之前，请在 localStorage 中设置一个变量

localStorage.setItem("variable","value");
window.open("MusicMe.html", "_self");

在第二页的窗口加载事件中。

 $(function() {
      if(localStorage.getItem("variable")) {

       // set the ID here
       // after setting remember to remove it, if it's not required
       localStorage.removeItem("variable");
      }

  });