如何通过我的所有页面在 javascript 中加载动态更改的样式

Question

到目前为止我的代码：http://pastebin.com/KTEF06Kf

我创建了一个更改页面颜色的简单脚本。 （文字背景和主要标志） 当我导航到我网站的另一个页面时，如果颜色已更改，我希望加载它们而不是默认颜色。

我该怎么做？我尝试在其他页面的正文中创建一个 onLoad 函数来调用函数 loadCol()，它与 ​​changeColour 执行相同的操作，但使用预设颜色而不是从单击的框颜色传入。

我如何实现这一点的任何线索。 （如果解释得不好，请见谅）

Answer 1

当在一个页面上选择某些内容并使其在所有其他页面上保持不变时，您需要将该值存储在某处，作为无状态的 HTML，并且不知道在第一页上选择了什么。

您可以使用 cookie 或本地存储，或者两者都使用，MDN 有一个用于本地存储的 polyfill，它回退到 cookie。

您也可以使用散列或查询字符串将链接中的值传递给其他页面：

mysite.com/page2?color=blue

mysite.com/page2#color=blue

在选择颜色时使用 javascript 更改锚点。