使用Javascript更改背景颜色并在刷新页面后保留它

Question

当使用Javascript点击按钮时，我正在改变背景的颜色。

这是JS代码：

<script>
function myFunction() {
    document.body.style.backgroundColor = "#BB0A21";
}
</script>

它工作正常，但问题是当用户刷新页面时，背景颜色将重置为原始颜色。有没有办法阻止这种情况发生？

谢谢， 莉莎

Answer 1

您可以在本地会话中存储颜色更改。您需要检查会话是否已具有该值，如果没有则进行设置。这将在页面刷新等情况下继续存在

c = fred('https://research.stlouisfed.org/fred2/');
d = fetch(c,'DEXUSEU');

Answer 2

您必须将颜色值存储在客户端Cookie或服务器端会话中。现代浏览器也支持localStorage