Javascript 通过在脚本中添加Cookie代码进行浏览器刷新时，我希望当前设置不会更改？

在onclick=“swap（）”的帮助下，我将以下脚本代码放入夜间模式按钮。我的目标：当页面处于暗模式时，另一个徽标处于活动状态。当它是日间模式，得到另一个标志。但问题是，当我在黑暗模式下对页面执行F5时，即使页面仍处于黑暗模式，徽标也会恢复到其原始状态。是否可以编辑脚本代码以帮助它保留在浏览器的缓存中

var显示='header_logo_ayar_1'；
函数交换（）{
如果（显示==='header\u logo\u ayar\u 1'）{
document.getElementById（'header_logo_2'）。style.display=“”；
document.getElementById（'header\u logo\u 1'）.style.display=“无”；
显示='标题\标志\阿亚尔\ 2'；
}否则{
document.getElementById（'header_logo_1'）。style.display=“”；
document.getElementById（'header\u logo\u 2'）.style.display=“无”；
显示='标题\标志\阿亚尔\ 1'；
}
};

好的，您可以使用获取和设置项目

var显示；
if（localStorage.getItem（“显示”）==null）{
已显示=“标题\标识\阿亚尔\ 1”；
}否则{
显示=localStorage.getItem（“显示”）；
}
//或者您可以这样做（使用更高级的语法）
显示的变量=（localStorage.getItem（“显示的”）？？“标题”logo_ayar_1”）；
函数交换（）{
// ...
setItem（“已显示”，已显示）；
}

localStorage
在堆栈片段中不起作用，请尝试。
您可以将choosen主题放入localStorage中。然后，当页面加载时，检查存储中是否有主题，如果使用该主题，则使用默认主题。顺便说一句，这假设您希望默认值为
“header\u logo\u ayar\u 1”
谢谢您的帮助，但不幸的是，它不起作用。哈。。。一个问题可能是显示的
变量未在正确的范围内定义。您有任何控制台错误吗？我看不到任何控制台错误。我在另一个非夜间模式脚本上尝试了脚本代码。我制作了一个小按钮并添加了onclick=“swap（）”。当我单击按钮时，函数工作，但当我执行F5时，它将返回到其原始状态。不会成为永久性的。：）我现在正在jsitor.com上尝试脚本代码，我刚刚看到了它们。非常感谢。