有什么方法可以在HTML文档之间保留背景色吗？

Question

我的HTML页面的背景颜色默认为白色，我可以选择通过锚点将其设置为黑色，但不附加href。我还有另一个锚点，具有指向另一个HTML页面的链接，但是，如果背景颜色为黑色，并且单击指向第二个HTML页面的链接，则第二个页面的背景颜色不会保持黑色。有没有办法使背景颜色转移？

这是JavaScript函数：

function changeBG(colour) {
  document.body.style.backgroundColor = colour;
}
</script>

以下是更改背景颜色的锚点：

<a href="#" onClick="javascript: changeBG('white')">Light Theme</a>

<a href="#" onClick="javascript: changeBG('black')">Dark Theme</a>
</div>

这是转到下一个HTML页面的锚点：

<a href="websitepage2.html">Next Page</a>

Answer 1

您可以利用浏览器的 localStorage 保存和检索背景色。

为此，您需要稍微修改changeBG（）函数：

function changeBG(colour) {
  document.body.style.backgroundColor = colour;
  localStorage.setItem('backColour', colour);
}

这会将背景色保存到localStarge中，可以使用变量backColour进行访问。

在您的其他html文件中，您可以执行以下操作

if (localStorage.getItem('backColour') != null) {
  document.body.style.backgroundColor = localStorage.getItem('backColour');
}

因此，如果localStorage中有backColour的值，请使用它作为背景色。