使用的sessionStorage保存暗模式

Question

我成功添加暗模式使用 This fiddle

JS我的网站：

$('#mode').change(function(){ 

if ($(this).prop('checked')) 
{ 
    $('body').addClass('dark-mode'); 
} 
else 
{ 
    $('body').removeClass('dark-mode'); 
} 
}); 

但是，刷新页面时主题切换回明显。 我无法找到如何使用sessionstorage在域上保持黑暗模式。

有人可以帮助我吗？ 谢谢！

Answer 1

您可以使用本地存储用于存储数据

function darkmode(){ 
    $('body').addClass('dark-mode'); 
    localStorage.setItem("mode", "dark"); 
    } 



function nodark(){ 
     $('body').removeClass('dark-mode'); 
     localStorage.setItem("mode", "light"); 
     } 

    if(localStorage.getItem("mode")=="dark") 
     darkmode(); 
    else 
    nodark(); 

$('#mode').change(function(){ 

    if ($(this).prop('checked')) 
    { 
     darkmode(); 
    } 
    else 
    { 
     nodark(); 
    } 

});