有人知道如何在本地存储javascript函数所做的css更改吗？

我绞尽脑汁已经有一段时间了，我不知道如何在本地存储（HTML5本地存储）javascript函数对某个div的样式所做的更改。我有一个按钮，允许用户通过更改css（内联）来更改容器的背景颜色。有人知道存储此更改的方法吗

将值存储到本地存储器。然后编写一个JavaScript函数来检索并应用该值。

JS（运行于

load

或

DOMContentLoaded

）：

HTML:

---

所以您有一个类似以下的函数：

function changeDivBackground(div, bg) {
    /* ...change the background... */
}

有两个步骤：

记住这个值：

function changeDivBackground(div, bg) {
    /* ...change the background... */

    localStorage["theDivBackground"] = bg;
}

在页面末尾的

脚本

标记中，查看是否有值并使用它：

var bg = localStorage["theDivBackground"];
if (bg) {
    changeDivBackground(/*...get the div...*/, bg);
}

---

脚本

标记位于#2中页面的末尾，这样div在运行时就会存在。

与您在本地存储中存储任何其他内容的方式相同。现在可以识别div了吗？正如您所指出的，只需使用本地存储即可。在本地存储中放置一个指示器，每次加载页面时都必须检查该指示器。对不起，我对Javascript语言非常陌生。你能详细解释一下吗？

function changeDivBackground(div, bg) {
    /* ...change the background... */
}

function changeDivBackground(div, bg) {
    /* ...change the background... */

    localStorage["theDivBackground"] = bg;
}

var bg = localStorage["theDivBackground"];
if (bg) {
    changeDivBackground(/*...get the div...*/, bg);
}