这可能是因为您的本地存储设置方法不正确。您可以使用以下代码示例'nightMode”键设置为“true”,以使夜间模式保持永久。
// 检查是否处于夜间模式
function checkNightMode() {
// 从本地存储中获取“nightMode”键的值
var nightMode = localStorage.getItem("nightMode");
// 如果“nightMode”键的值为“true”,则切换至夜间模式
if (nightMode == "true") {
document.body.classList.add("night-mode");
}
}
// 切换至夜间模式按钮的点击事件处理程序
function toggleNightMode() {
// 获取“nightMode”键的值
var nightMode = localStorage.getItem("nightMode");
// 如果此键的值为null或false,则设置为true
if (!nightMode || nightMode == "false") {
localStorage.setItem("nightMode", "true");
document.body.classList.add("night-mode");
// 如果此键的值为true,则设置为false
} else {
localStorage.setItem("nightMode", "false");
document.body.classList.remove("night-mode");
}
}
// 当页面加载时检查夜间模式
checkNightMode();
// 给切换至夜间模式按钮添加点击事件处理程序
document.getElementById("toggle-night-mode-btn").addEventListener("click", toggleNightMode);
上一篇:本地存储无法识别数组名称。