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

Changing Background colour with Javascript and keeping it after refreshing the page

本文关键字：刷新 保留 Javascript 背景 颜色 使用      更新时间：2023-09-26

当用Javascript单击按钮时，我正在更改背景的颜色。

这是JS代码：

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

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

谢谢，Lisa

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

您可以将颜色变化存储在本地会话中。您需要检查会话是否已经具有该值，如果没有则进行设置。这将在页面刷新等中幸存

    function myFunction() {
        if (sessionStorage.getItem('colour')) {
            document.body.style.backgroundColor = sessionStorage.getItem('colour');
        }else{
            document.body.style.backgroundColor =  "#BB0A21";
            sessionStorage.setItem('colour', "#BB0A21");
        }
    }
  // then you'll need to call your function on page load
  myFunction();
相关文章：