Javascript 通过JS添加的CSS类在浏览器会话期间保留

现在，通过onclick添加的这个类在站点刷新后或进入子页面时被删除。在我的脚本中需要哪一行才能使该类在浏览器会话期间保持活动状态

<script type="text/javascript">
function myFunction()
{
    document.getElementById('box').setAttribute("class", "contrast");

}
  </script>

---

当您使用JS向页面添加一些类或元素时，当您刷新页面或关闭/重新打开页面时，这些类或元素将消失。这是正常的行为

要长时间存储信息，可以使用localStorage或sessionStorage：

sessionStorage.setItem只有在关闭浏览器时才会被清除，并且 localStorage.setItem将永远存储信息。 以下是介绍文章：

要存储某些信息，请使用以下命令：

sessionStorage.setItem('key', 'value');

然后，在加载页面时，可以读取存储值并添加适当的类：

var data = sessionStorage.getItem('key');
if (data) {
    document.querySelector(yourselector).className = 'yourclass';
}

---

请尝试重新表述问题，并显示代码的重要部分，以便理解标题上的类似问题的菜单，当您进入下一页时，哪个菜单应该处于活动状态，并且您得到了刷新的页面，然后您应该保留哪个链接处于活动状态。它可能是由API或url维护的。@pinturic我想他/她想知道为什么在重新加载页面后删除了一些通过JS添加的类/元素。我已经发布了关于localStorage和sessionStorage的答案。