Javascript 检查js代码中的活动样式表（检查活动样式表的cookie）

我有一个用于为活动样式表（CSS切换器）编写/读取cookie的代码：

函数setActiveStyleSheet（标题）{
变量i，a，main；
对于（i=0；（a=document.getElementsByTagName（“链接”）[i]）；i++）{
if（a.getAttribute（“rel”）.indexOf（“style”）！=-1&&a.getAttribute（“title”））{
a、 禁用=真；
如果（a.getAttribute（“title”）==title）a.disabled=false；
}
}
}
函数getActiveStyleSheet（）{
varⅠ，a；
对于（i=0；（a=document.getElementsByTagName（“链接”）[i]）；i++）{
如果（a.getAttribute（“rel”）.indexOf（“style”）！=-1&&a.getAttribute（“title”）&&a.disabled）返回a.getAttribute（“title”）；
}
返回null；
}
函数getPreferredStyleSheet（）{
varⅠ，a；
对于（i=0；（a=document.getElementsByTagName（“链接”）[i]）；i++）{
如果（a.getAttribute（“rel”）.indexOf（“style”）！=-1
&&a.getAttribute（“rel”）.indexOf（“alt”）=-1
&&a.getAttribute（“标题”）
)返回a.getAttribute（“标题”）；
}
返回null；
}
函数createCookie（名称、值、天数）{
如果（天）{
变量日期=新日期（）；
date.setTime（date.getTime（）+（天*24*60*60*1000））；
var expires=“；expires=“+date.togmString（）；
}
else expires=“”；
document.cookie=name+“=”+value+expires+“path=/”；
}
函数readCookie（名称）{
变量nameEQ=name+“=”；
var ca=document.cookie.split（“；”）；
对于（变量i=0；i

和html中的两行：

   <link rel="stylesheet" href="main.css">
   <link rel="alternate stylesheet" href="darkmode.css" title="darkmode">
   <script src="styleswitcher.js"></script>

如果darkmode.css处于活动状态，我想将复选框设置为“选中”

问题是:

---

如何根据列出的代码检查外部.js文件中的单行JavaScript代码中的darkmode.css是否处于活动状态？

本地存储是保存数据的最佳方法。等等：

设置：

获取：

例如：

if(localStorage.getItem("style")==="dark"){
    $("html").addClass("dark");
}else{
    $("html").addClass("light");
}

---

谢谢但你们能建议如何根据列出的代码检查活动样式吗？你们可以在main.css文件中添加所有主题样式，只需在body或html标记中更改类的名称。这种方法在改变风格和主题方面很快，而且没有延迟。它像cookie一样保存吗？有关localStorage stores中的数据存储多长时间的信息？请参阅第页右上角的站点和更改主题，并在inspect element中检查本地存储。谢谢。发现问题的核心。

localStorage.setItem("style", "dark");

var style = localStorage.getItem("style");

if(localStorage.getItem("style")==="dark"){
    $("html").addClass("dark");
}else{
    $("html").addClass("light");
}