可以使用以下代码示例解决此问题:
// 保存主题 function saveTheme(theme) { localStorage.setItem('theme', theme); }
// 获取主题 function getTheme() { return localStorage.getItem('theme') || 'light'; }
// 应用主题 function applyTheme(theme) { // 应用主题样式 document.body.classList.add(theme); }
// 初始化主题 function initTheme() { const theme = getTheme(); applyTheme(theme); }
// 监听主题修改事件 function onThemeChange(theme) { saveTheme(theme); applyTheme(theme); }
// 示例调用 initTheme();
// 修改主题 onThemeChange('dark');
上一篇:本地存储中无法获取项目
下一篇:本地存储转换为XML模板