Question

大家好，我有webstorage API的问题，所以基本上我选择了元素和按钮＆＃34; onclick＆＃34;属性，我想改变一些div的背景颜色，但使用localstorage来记住不同会话中的设置。几乎一切正常（bgcolor更改等）除了它在下一个会话中没有重新编号。所以看起来本地存储根本不起作用。
这是我的javascritp代码：

<script type="text/javascript">
    function bgcol(){
        document.getElementById('div').style.backgroundColor = localStorage.kolor;
    }
    function zmiana(){
        var tlo = document.getElementById("kolortla").value;
        localStorage.setItem('kolor', tlo);
        document.getElementById('div').style.backgroundColor = localStorage.kolor;
    }

</script>

html onload

<body onload="bgcol" >

并选择

<select id="kolortla" >
   <option value="gold">złoty</option>
   <option value="yellow">żółty</option>
   <option value="green">zielony</option>
   <option value="red">czerwony</option>
</select>
<input type="button" onclick="zmiana()" value="zmiana"/>

Answer 1

您还提取了不存在的document.getElementById('div')

Answer 2

您正在错误地使用localStorage对象。

要保存项目，请使用：

window.localStorage.setItem("color", value);

要获取项目，请使用：

window.localStorage.getItem("color");

在body标签的onload属性中，必须使用＆＃34;（）＆＃34;

调用该函数

<body onload = "bgcol()"> <!--- HTML --->

此外，要更改背景颜色，您将引用不存在的<div>标记。您可以使用

更改页面的背景颜色

document.body.style.background = "green";

以下是有关如何使用LocalStorage API LocalStorage Web API

的详细介绍

Localstorage css样式的变化

2 个答案: