javascript - 如何通过我的所有页面在 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 更改锚点的位置。