18910140161

如何使用JS保存刷新后的样式表?

顺晟科技

2021-08-05 11:35:25

98

我使用两个样式表来改进网站中的暗/亮模式,但在刷新网站后,它丢失了选定的样式表,并返回到默认状态,因为它在索引文件中编码,我在Javascript中听说了sessionStorage,但我不能在代码中使用它。

下面是我的代码:

index.html
  <link href="assets/css/style.css" rel="stylesheet" id="lnk">
    
  <script>
    function toggleTheme() {
        link = document.getElementById("lnk");
        if (link.getAttribute('href') == 'assets/css/style.css') {
            link.setAttribute('href', 'assets/css/darkstyle.css');
            const element = document.getElementById("dark-mode");
            element.innerHTML = "<i class='bx bxs-moon'></i>";
        } else {
            link.setAttribute('href', 'assets/css/style.css');
            const element = document.getElementById("dark-mode");
            element.innerHTML = "<i class='bx bx-moon'></i>";
        }

        sessionStorage.setItem("autosave", link);
    }
  </script>
按钮来切换主题
<button onclick="toggleTheme()" class="dark" id="dark-mode"><i class="bx bx-moon"></i></button>

我希望你们能很好地理解我的观点,我正在等待写作说明。


顺晟科技:

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航