Javascript 更改页面以显示相同背景时获取当前类

我正在完成我的投资组合，可在以下位置获得：

---

我为用户做了一点额外的东西，他们可以将背景更改为四季之一。每当我点击一个链接，背景就会回到原来的（现在是冬天）。我想这样做，一旦一个背景是点击和设置它停留，即使用户通过网站导航。我必须说，我甚至无法让它在我的头脑中工作，所以任何帮助都是非常受欢迎的：-）

为了在从一页移动到另一页时保存任何内容，它需要存储在或中

保存此类内容的最佳方法是在本地存储中，因为它的持久性更长，并且不会向服务器发送额外数据。在这种情况下，当用户选择背景时，请尝试这样保存数据：

localStorage.setItem('background', value);

//make sure the storage is set
if(localStorage.getItem('background')){
  //apply the data to the background
  document.body.style.background = "url('" + localStorage.getItem('background') + "') no-repeat center";
}

然后，在加载页面时，运行javascript代码段以设置背景：

localStorage.setItem('background', value);

//make sure the storage is set
if(localStorage.getItem('background')){
  //apply the data to the background
  document.body.style.background = "url('" + localStorage.getItem('background') + "') no-repeat center";
}

---

请尝试在问题本身中创建一个代码的工作示例，以便我们可以轻松测试您的问题。Cookies或本地存储是唯一真正的选择@RobinZigmond所述内容，除非您希望为您的站点使用单页应用程序模式。非常感谢您的帮助Jersh，我会尽快让它工作！你好，Jersh，我试着在index.html和apropos.html页面之间实现它，但到目前为止似乎不起作用。。也许我错过了什么？