Question

我在网站上添加了一个按钮，因此用户可以将其保留为“夜间模式”。但如果他去了一个新故事，该网站将关闭夜间模式。

是否可以让浏览器缓存此信息，以便一旦它以夜间模式离开模式，它访问的其他新闻已经在这个类中？

var menu = document.querySelector('body.single-news');
var button = document.querySelector('button#skin-btn');
button.addEventListener('click', function() {
    var open = menu.classList.contains('light-skin');
    menu.classList.toggle('light-skin');
});

删除“light-skin”类会激活夜间模式。

Answer 1

您可以使用localStorage和sessionStorage here查看有关如何执行此操作的一些示例。

但通常，您可以创建浏览器存储的自定义变量。

localStorage对象没有到期日期，而当关闭浏览器选项卡时会删除sessionStorage对象。

用法：

localStorage.setItem("myVariableName", "myVariableValue");

或

localStorage.myVariableName = "myVariableValue";

并通过

检索

var x = localStorage.getItem("myVariableName");

或

var x = localStorage.myVariableName;

sessionStorage的语法完全相同。

是否可以使浏览器缓存用户操作？

1 个答案: