使用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();
    }

});