如何在javascript中保存函数的结果？

我有一个函数，当我点击按钮时，它会将CSS类添加到所有“a”选择器中，不幸的是，当我刷新页面或转到另一个选项卡时，结果会丢失，我必须再次点击按钮。我怎样才能解决这个问题

JS代码：

function underlineLinks() {
    const links = document.querySelectorAll("a");
    links.forEach(a => a.classList.toggle("underline-links"));
}

CSS:

---

实际上，本例中的jquery函数只在单击时应用。从它的名称来看-->“单击”意味着它仅在单击按钮时才起作用，刷新时将丢失更改

为了在单击按钮时保持css样式的更改，您可以使用以下命令：

JS本地存储

。如果只需要存储特定浏览器的数据

PHP&AJAX（Post/Get）

带有一个条件（例如：sql条件），如果您想永久保留更改，除非出现另一个条件

---

编辑：在2中，您可以单独使用php和jquery而不使用ajax get/post方法

这是否回答了您的问题？当您刷新或导航到其他页面时，所有内容都将重置。下次转到页面时，您的脚本将以全新方式运行，不会出现以前运行时的任何状态。您可以使用本地存储保存数据，然后在脚本启动时必须获取该数据。为什么只在单击按钮时才特别需要更改css？为什么不在默认情况下将css

下划线链接添加到“a”选择器本身？@RahulPillai-因为它是提高网站可访问性的元素的一部分，是用户可以启用的可选功能。因此，您需要存储应用的css，并在页面加载时检查并添加它。还有，为什么要将其应用于每个链接，只需在主体中添加一个类
.underline-links {
    text-decoration: underline!important; }