我正在构建一个网站，其中我添加了一个更改主题的功能。但是，问题是我的网站中有很多页面，当我移动到下一页时，它会重置默认值。我只想选择一次主题，然后将其保留在我的整个网站中。
您可以使用localStorage来持久保存数据。可以从您网站的每个页面访问它。
这是一个准系统的例子，我敦促你对localStorage做更多的研究，比如如何确定是否有足够的空间来存储数据。还要做一些检查，以确定您要查找的数据是否存在。
来源： https://snippets.cacher.io/snippet/fdc6f8a598f1395092e7
样本：
页 1：
<!doctype html>
<html lang="en-us">
<head>
</head>
<body>
<p id="paragraph">Hello</p>
<p id="loadedText"></p>
<button onclick="load();">Load</button>
<button onclick="save();">Save</button>
<a href="two.html">Next page</a>
<script>
function load() {
var element = document.getElementById("loadedText");
element.innerHTML = localStorage.getItem("text");
}
function save() {
var text = document.getElementById("paragraph").innerHTML;
localStorage.setItem("text", text);
}
</script>
</body>
</html>
第 2 页：
<!doctype html>
<html lang="en-us">
<head>
</head>
<body>
<p id="loadedText"></p>
<a href="one.html">Previous page</a>
<script>
var element = document.getElementById("loadedText");
var text = localStorage.getItem("text");
element.innerHTML = text;
</script>
</body>
</html>