如何使用 session 存储来保存暗模式首选项

Question

我想通过使用 session 存储来存储用户在暗模式下的偏好。
下面的代码是用于暗模式的切换 function。

function toggleDarkMode() {
    var dataTheme = $('body').attr('data-theme');

    if(dataTheme === 'dark') {
        $('body').attr('data-theme', 'light');
    } else {
        $('body').attr('data-theme', 'dark');
    }
};

启动暗模式时，我将 JSP 文件的主体标签的数据主题（例如<body data-theme="light">更改为<body data-theme="dark">

Answer 1

为此，您必须使用 sessionStorage：

存储一个值： sessionStorage.setItem(key,value);
访问一个值： sessionStorage.getItem(key);

function toggleDarkMode()
{
//Check if there is a value in Session Storage or Not!
if(sessionStorage.getItem('theme') != '')
{
    $('body').attr('data-theme', 'light');
}
else
{
    theme=sessionStorage.getItem('theme');  //Get Value of theme from session
    $('body').attr('data-theme',theme);  
}
var dataTheme = $('body').attr('data-theme');

if(dataTheme === 'dark') {
    $('body').attr('data-theme', 'light');
    sessionStorage.setItem("theme", "light"); // Store the value in Session Storage
} else {
    sessionStorage.setItem("theme", "dark"); // Store the value in Session Storage
    $('body').attr('data-theme', 'dark');
}
};

如何使用 session 存储来保存暗模式首选项

问题描述

1 个解决方案

解决方案1
0 2021-05-01 11:22:43

如何使用 session 存储来保存暗模式首选项

问题描述

1 个解决方案

解决方案1 0 2021-05-01 11:22:43

解决方案1
0 2021-05-01 11:22:43