Javascript 有没有一种方法可以在JS中引用上一页的主题，并在加载时将其应用到当前页？

我有一个按钮，可以在单击时设置网站的颜色主题。代码运行良好，但当我转到站点上的其他页面时，它会返回到原始颜色主题。有没有一种方法可以在JS中引用上一页的主题索引，并在加载时将其应用到这个页面

现在，如果您访问一个页面，设置颜色主题，转到另一个页面，然后返回到第一个页面，它会记住主题并自动设置。但是，每次访问新页面时都必须重新设置

这是我的密码：

<a class="switch-light-blue" onclick="setTheme('theme-light-blue')"></a><a></a>

<script>
  // function to set a given theme/color-scheme
  function setTheme(themeName) {
    localStorage.setItem('theme', themeName);
    document.documentElement.className = themeName;
  }

  // Immediately invoked function to set the theme on initial load
  (function () {
    if (localStorage.getItem('theme') === 'theme-light-blue') {
      setTheme('theme-light-blue');
    }
</script>

//函数设置给定的主题/颜色方案
函数集主题（主题名）{
setItem（'theme'，themeName）；
document.documentElement.className=名称；
}
//立即调用函数将主题设置为初始加载
（功能（）{
if（localStorage.getItem（'theme'）=='theme浅蓝色'）{
setTheme（“主题-浅蓝色”）；
}

要保存当前未打开的页面的信息，您必须使用JS之外的某种数据存储，因为每次加载页面时JS都会初始化。我建议您在服务器中使用一些JSON文件来保存当前主题。您知道怎么做吗？我以前从未使用过Cookie，您不能这样做不带饼干的帽子。只是你需要学习一点AJAX。非常感谢你！