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

时间:2013-02-14 12:59:52

标签: javascript html colors styles

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

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

我该怎么做?我尝试在其他页面的主体中创建一个onLoad函数来调用函数loadCol(),它与changeColour做同样的事情,但是使用预设颜色而不是从单击的框颜色中传入。

我如何能够实现这一目标的任何线索。 (对不起,如果说得不好)

1 个答案:

答案 0 :(得分:0)

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

您可以使用Cookie或本地存储,或两者兼而有之,MDN有一个用于本地存储的polyfill,可以回退到Cookie。

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

mysite.com/page2?color=blue

mysite.com/page2#color=blue

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