Javascript 保存切换的类Div（使用本地存储）

因此，我有一个带有

div

的基本类切换的示例，但是我可以将其设置为“active

class

”可以在刷新/重新打开时保持切换。这能做到吗

函数myfunc（div）{
var className=div.getAttribute（“类”）；
如果（类名=“正常”）{
div.className=“活动”；
}
否则{
div.className=“正常”；
}
}

.normal/*默认值*/
{宽度：25%；高度：25%；背景：#ffeb00；}
.active/*开关*/
{宽度：25%；高度：25%；背景：#ff00e2；}

试验

与此类似的内容尚未测试，但这将使您走上正确的道路（请注意，由于沙盒的缘故，代码段无法在堆栈溢出时运行）

函数localStorageExists（）{
if（类型（存储）！=“未定义”）{
返回true；
}
返回false；
}
if（localStorageExists（））{
myfunc（document.getElementById（'div'）；
}
函数myfunc（div）{
var className=div.getAttribute（“类”）；
if（className==“normal”| |（localStorageExists（）&&localStorage.getItem（'someKey'）==“active”））{
div.className=“活动”；
setItem（'someKey'，'active'）；
}else if（className==“active”| |（localStorageExists（）&&localStorage.getItem（'someKey'）==“normal'））{
div.className=“正常”；
setItem（'someKey'，'normal'）；
}
}

。正常
/*违约*/
{
宽度：25%；
身高：25%；
背景：#ffeb00；
}
.主动
/*开关*/
{
宽度：25%；
身高：25%；
背景#ff00e2；
}

试验

使用

localStorage

保存最后一个类

---

嗯，你试过什么？你真的试过使用localstorage吗？是的，实际上有好几次，但它一直在取消实际的切换公式，所以我无法判断它是否有效。

 $("#div").addClass(localStorage.getItem('ClassName')) ;

 $("#div").on("click",function(){
      if($(this).hasClass('active')){
           $(this).removeClass("active").addClass("normal");
           localStorage.setItem('ClassName', 'normal');
       }
       else{
           $(this).removeClass("normal").addClass("active");
           localStorage.setItem('ClassName', 'active');
       }
  });