如何使我的 javascript 代码永久化？ [关闭]答案

【问题标题】：How can I make my javascript code permanent? [closed]如何使我的 javascript 代码永久化？ [关闭]
【发布时间】：2021-02-01 11:22:32
【问题描述】：

设计中有浅色主题和深色主题按钮。我希望用户下次进入网站时自动加载最后选择的主题。我该怎么做？

我的 javascript 代码：

  $(".mode").on("click", function () {
    $('.mode i').toggleClass("fa-moon-o").toggleClass("fa-lightbulb-o");
    $('body').toggleClass("dark-only");
});

【问题讨论】：

只使用系统偏好prefer-color怎么样？无论如何，在后端的 LocalStorage、SessionStorage、IndexedDB、Cookie 或用户首选项中存储选择，如果发生，请仅添加暗类
使用localStorage 并在文档准备好时始终检查它。你可以制作localStorage.setItem("dark-mode", "yes")然后制作$( document ).ready(function() { if(localStorage.getItem("dark-mode") == "yes") // set your dark mode classess });

标签： javascript html cookies local-storage

【解决方案1】：

您可以将其保存在 localStorage 中，并在加载侧面时检索它。

https://developer.mozilla.org/de/docs/Web/API/Window/localStorage

【讨论】：