使用Javascript更改背景颜色并在刷新页面后保留
当用Javascript点击一个按钮时,我正在改变背景的颜色 这是JS代码:使用Javascript更改背景颜色并在刷新页面后保留,javascript,colors,background,refresh,Javascript,Colors,Background,Refresh,当用Javascript点击一个按钮时,我正在改变背景的颜色 这是JS代码: <script> function myFunction() { document.body.style.backgroundColor = "#BB0A21"; } </script> 函数myFunction(){ document.body.style.backgroundColor=“#BB0A21”; } 它工作正常,但问题是,当用户刷新页面时,背景颜色被重置为原始颜色。
<script>
function myFunction() {
document.body.style.backgroundColor = "#BB0A21";
}
</script>
函数myFunction(){
document.body.style.backgroundColor=“#BB0A21”;
}
它工作正常,但问题是,当用户刷新页面时,背景颜色被重置为原始颜色。有没有办法阻止这种情况发生
谢谢,
Lisa您可以在本地会话中存储颜色更改。您需要检查会话是否已经具有该值,如果没有,则进行设置。这将在页面刷新等操作后仍然有效
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();
必须将颜色值存储在客户端Cookie或服务器端会话中。现代浏览器也支持本地存储在会话或本地存储中存储背景颜色的值,并应用于该元素。除了Bhojendra Nepal的评论:谢谢。你能告诉我如何将它与我现有的JS结合起来吗?