使用JavaScript进行页面操作
我正在建立一个网站，我在其中添加了一个功能，以改变主题。但是，问题是我的网站中有很多页面，当我移动到下一个页面时，它会重置默认值。我只想选择一次主题，然后将其保存在整个网站中。您可以使用使用JavaScript进行页面操作,javascript,html,css,navigation,Javascript,Html,Css,Navigation,我正在建立一个网站，我在其中添加了一个功能，以改变主题。但是，问题是我的网站中有很多页面，当我移动到下一个页面时，它会重置默认值。我只想选择一次主题，然后将其保存在整个网站中。您可以使用localStorage保存数据。您可以从站点的每个页面访问它 这是一个简单的例子，我敦促您对localStorage进行更多的研究，例如如何确定是否有足够的空间来存储数据。并进行一些检查以确定您要查找的数据是否存在 资料来源： 样本： 第1页： <!doctype html> <html la
localStoragelocalStorage<!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>
你好
负载
拯救
函数加载（）{
var元素=document.getElementById（“loadedText”）；
element.innerHTML=localStorage.getItem（“文本”）；
}
函数save（）{
var text=document.getElementById（“段落”）.innerHTML；
setItem（“text”，text）；
}
<!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>
var元素=document.getElementById（“loadedText”）；
var text=localStorage.getItem（“text”）；
element.innerHTML=文本；