使用JS更改CSS并保存更改

时间:2014-07-22 10:54:42

标签: javascript html css

我正在创建一个页面,让用户选择颜色,页面上的各种元素将采用新颜色。例如,用于显示所选颜色方案的框。我一直在使用代码$('').css('background_colour',.....),效果很好。

我现在遇到的问题是我做了一个示例网页,应该在页面的相关部分使用这些不同的颜色。例如,主要文本,背景颜色等。我无法使用我一直在做的事情,因为没有任何更改保存,当我点击打开示例页面的链接时,它只显示我放入其中的原始颜色CSS文件。我认为我使用的方法实际上并没有重写CSS文件,因为当我重新加载用户选择颜色的页面时,每个都会重新恢复默认值。

如果有人可以指点我阅读或建议更改用于不同页面的CSS文件的最佳方法,并允许保存这些更改,我真的会帮助我。

希望我的描述有意义

由于

2 个答案:

答案 0 :(得分:0)

您可以使用Cookie或html5 localstorage来存储您网站的客户首选项。 互联网上有很多不同的图书馆可以帮助你完成这项任务。

Cookies库

https://code.google.com/p/cookies/

https://github.com/ScottHamper/Cookies

Localstorage library

http://www.jstorage.info/

如果您需要从服务器端读取用户首选项,我建议使用Cookie。

否则你可以去localstorage。

答案 1 :(得分:0)

如果要在相关页面中使用颜色,则必须将颜色更改事件保存在数据库或会话或Cookie中。 否则您无法保存更改。因为刷新页面时会再次呈现网页。