在暗黑模式开关事件中将选择状态存储在本地存储中,以便用户在下一次加载页面时保持选择状态。
示例代码:
// 获取暗黑模式开关元素 const darkModeToggle = document.querySelector('#dark-mode-toggle');
// 检查本地存储中是否保存了暗黑模式选择 if (localStorage.getItem('darkModeEnabled') === 'true') { // 如果是,则将暗黑模式开启 document.body.classList.add('dark-mode'); darkModeToggle.checked = true; }
// 监听暗黑模式开关事件 darkModeToggle.addEventListener('change', (event) => { if (event.target.checked) { // 如果开关被选中,则将暗黑模式开启 document.body.classList.add('dark-mode'); localStorage.setItem('darkModeEnabled', 'true'); } else { // 否则,关闭暗黑模式 document.body.classList.remove('dark-mode'); localStorage.setItem('darkModeEnabled', 'false'); } });
上一篇:本地存储中未显示用户
下一篇:本地存储中无法获取项目