Question

我想在页面刷新或关闭并再次打开后保持所选颜色。我在页面上添加了三个按钮来改变背景颜色。

<div id="color">
        <button id="blue" onclick="colorBlue()"></button>
        <button id="red" onclick="colorRed()"></button>
        <button id="green" onclick="colorGreen()"></button>
</div>

脚本文件中的函数。

function colorBlue() {
    document.body.style.backgroundColor = '#002E5C';
}
function colorRed() {
    document.body.style.backgroundColor = '#BA1616';
}
function colorGreen() {
    document.body.style.backgroundColor = '#118E1B';
}

这是针对学校项目的，应该使用cookies来完成。我试图自己做，但没有成功。提前谢谢！

Answer 1

您可以使用localStorage。更多信息at MDN

使用功能设置存储项目：

localStorage.setItem('bgcolor', 'blue');

然后检查页面或任何加载的时间。

localStorage.getItem('bgcolor');

用于背景颜色的Javascript Cookie？

1 个答案: