Javascript 在页面之间切换时保持按钮处于活动状态

我正在为一个学校项目制作一个多页传呼机，到目前为止一切都进行得很顺利，但有一件事我搞不清楚， 我有一个小java脚本，当点击一个切换按钮时，它在两个CSS文件之间切换，一个CSS``页面是另一个CSS页面的暗模式。 所以按钮可以工作，但每次我从我所在的页面切换到另一个页面时，按钮都会重置，例如，如果我在主页上打开暗模式，然后转到gallery页面例如，暗模式重置并返回到light，我想知道是否有人知道我必须向java脚本添加什么才能使其正常工作。 提前谢谢

document.getElementById（'myonoffswitch'）。onclick=function（）{
console.log（'123'））
if（document.getElementById（'myonoffswitch'）。选中）{
document.getElementById（'theme'）.href=“../css/dark.css”；
}否则{
document.getElementById（'theme'）.href=“../css/style.css”；
}；

ul{
保证金：0；
文本对齐：居中；
}
李{
浮动：对；
显示：块；
高度：45px；
填充顶部：10px；
右边填充：10px；
文字装饰：无；
}
a{
文字装饰：无；
颜色：rgb（255、255、255）；
字体大小：23px；
文本对齐：居中；
}
.悬停{
显示：内联块；
位置：相对位置；
}
.hover：：之前{
内容：''；
位置：绝对位置；
宽度：100%；
变换：scaleX（0）；
高度：2倍；
底部：0；
左：0；
背景色：rgb（255、255、255）；
变换原点：右下角；
过渡：变换0.25秒缓变；
}
.hover:hover:：before{
变换：scaleX（1）；
变换原点：左下角；
}
.标题{
位置：绝对位置；
宽度：98%；
顶部：10px；
左：0；
左缘：1%；
}
页脚{
背景图像：径向梯度（#000000，#535252）；
边界半径：10px 10px 10px 10px；
填充：10px；
背景色：rgb（255、255、255）；
文本对齐：居中；
颜色：rgb（255、255、255）；
边界半径：10px 10px 10px 10px；
盒影：rgb（0,0,0）2px2px；
页边顶部：自动；
}
居中{
宽度：100%；
高度：200px；
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
身体{
背景色：rgb（51,51,51）；
}
.ONOFF开关{
位置：相对位置；
宽度：90px；
-webkit用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
}
.onoffswitch复选框{
位置：绝对位置；
不透明度：0；
指针事件：无；
}
.ONOFF开关标签{
显示：块；
溢出：隐藏；
光标：指针；
边框：2个实心#FFFFFF；
边界半径：20px；
}
.ONOFF开关内部{
显示：块；
宽度：200%；
左边距：-100%；
过渡：0秒时，边距为0.3秒；
}
.ONOFF开关内部：之前，
.ONOFF开关内部：之后{
显示：块；
浮动：左；
宽度：50%；
高度：30px；
填充：0；
线高：30px；
字体大小：14px；
颜色：白色；
字体系列：投石机，Arial，无衬线；
字体大小：粗体；
框大小：边框框；
}
.ONOFF开关内部：之前{
内容：“关于”；
左侧填充：10px；
背景色：#000000；
颜色：#FFFFFF；
}
.ONOFF开关内部：之后{
内容：“关”；
右边填充：10px；
背景色：#EEEEEE；
颜色：#999999；
文本对齐：右对齐；
}
.ONOFF开关{
显示：块；
宽度：18px；
利润率：6px；
背景：#000000；
位置：绝对位置；
排名：0；
底部：0；
右：56px；
边框：2个实心#FFFFFF；
边界半径：20px；
过渡：所有0.3秒在0秒内轻松过渡；
}
.onoffswitch复选框：选中+.onoffswitch标签.onoffswitch内部{
左边距：0；
}
.onoffswitch复选框：选中+.onoffswitch标签.onoffswitch开关{
右：0px；
}
.盒子{
背景色：rgb（0,0,0）；
宽度：800px；
边框：5px实心rgb（211211211211）；
填充：50px；
利润率：20px；
颜色：白色；
字体大小：10px；
高度：452px；
字距：5px；
}
.标题{
颜色：白色；
字体大小：30px；
}
.电影中心{
位置：相对位置；
溢出：隐藏；
垫面：56.25%；
}
.响应iframe{
位置：绝对位置；
顶部：180像素；
左：1100px；
宽度：912px；
身高：561px；
边界：0；
}
#内容{
填充：10px；
字体系列：abel；
背景色：rgb（51,51,51）；
左边距：10px；
边框左下半径：15px；
边框右下半径：15px；
颜色：#FFFFFF 8A；
字体大小：20px；
盒影：插图0px 1px 7px 0px#858a；
文本对齐：居中；
}
#可成像{
保证金：自动；
边缘底部：10px；
}
.画廊{
保证金：5px；
边框：5px实心#000000；
宽度：1000px；
}
#容器{
边缘顶部：15px；
填充：10px；
}
.描述{
填充：25px；
文本对齐：居中；
}
.画廊：悬停{
边框：5px实心rgb（255、255、255）；
}
.画廊图片{
宽度：100%；
高度：自动；
}

家
S.I.T.负责囚犯的安全运输







Lorem ipsum dolor sit amet，是一位杰出的献祭者。他是一位秃鹫兽人，不是一位斗牛士。有潜力的人。他是一位善于社交的人，他是一位巫师，他是一位巫师。他是一位巫师，他是一位巫师
自由主义者、侵权者和不侵权者、多洛和特里斯蒂克权杖、厄洛斯前庭、非毛里斯人、侵权者无生命、商品无生命、不侵权者权杖
尼伯·ac·拉奥里特。佩伦特·维利特·奥迪奥、埃利芬德和厄洛斯·塞德、福西布斯·孕产妇洛雷姆。多涅克·瓦努特·杜伊特·维利特·维利特·奥古斯特·佩伦特·马克西姆·弗林吉亚·奥古斯特，
在奥古斯大教堂里，坐着的是一辆名为“奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·