如何在 HTML 的本地存储中存储背景颜色和文本大小？

Question

我正在尝试允许我网站的用户更改背景颜色和更改文本大小（如果他们愿意）？

是否可以将它们存储在本地存储中，如果可以，您能否提供一些 html 代码来允许这样做？

Answer 1

您可以使用 Javascript 来做到这一点。 HTML 网络存储提供 2 种类型的存储：

• 本地存储（无过期日期）
• 会话存储（关闭浏览器会丢失数据）

例如，如果您想保存网站的背景颜色：

localStorage.setItem("bgcolor", "red");

然后，当你的页面被加载时，检查用户是否改变了他的背景颜色：

if (localStorage.getItem("bgcolor") !== null) {
    document.body.style.background = localStorage.getItem("bgcolor");
}

更多信息：https://www.w3schools.com/html/html5_webstorage.asp