javascript 关于local.storage光明/黑暗主题网站的简单问题www.example.com

oogrdqng 于 2022-10-30 发布在 Java

关注(0)|答案(2)|浏览(98)

这是我的简单代码

function toggleDarkMode() {
  let darkTheme= document.body;
  darkTheme.classList.toggle("darkMode");
}

它运行得很好，但我不能为我的生活想一个方法来保存它在local.storage，因为它不是真或假，它只是修改css。
我希望它能被保存下来，下次打开时保持在以前的选择上。有人有什么想法吗？

JavaScript

来源：https://stackoverflow.com/questions/74242373/simple-local-storage-question-on-light-dark-theme-website

2条答案

按热度按时间

v1uwarro1#

使用window属性localStorage可跨浏览器会话保存theme值.
请尝试以下代码：

const theme = localStorage.getItem('theme')
if (!theme) localStorage.setItem('theme', 'light') // set the theme; by default 'light'
document.body.classList.add(theme)

赞(0）回复(0）举报 2022-10-30

tjvv9vkg2#

下面是一种可以实现方法：饼干。
第一个
然后检查：

let theme = document.cookie;
if(theme === 'theme=light'){
    let lightTheme= document.body;
    lightTheme.classList.toggle("lightMode");
} else if {
let darkTheme= document.body;
    darkTheme.classList.toggle("darkMode");
}

赞(0）回复(0）举报 2022-10-30

我来回答

javascript 关于local.storage光明/黑暗主题网站的简单问题www.example.com

2条答案

相关问题

热门标签

最新问答