保持网站主题相同..cookies？

Question

我想我需要使用 javascript 来做到这一点，所以我把它放在堆栈溢出上。所以，我的网站有两个主题，唯一的区别是一个是纯色（背景），另一个是重复的图像，所以我没有为它们制作单独的 css 文件。我在导航栏中有两个链接可以更改它（使用javascript）。在 css 文件中它是纯色的，所以当页面加载时它就是这样开始的。当单击图像主题链接时，它将 document.body.backgroundImage 设置为图像，而当按下纯色主题链接时，它只是将背景图像设置为“”（空），以便您可以再次看到颜色。那么我怎样才能使主题持久，当用户转到另一个页面以及他们再次返回时不改变。谢谢。

编辑：我可以使用 PHP 或 javascript。

Answer 1

如果您使用所有 javascript 并且没有任何服务器端代码可以使用，这里有一个设置和读取 cookie 的 JS 示例：

将此函数添加到您的 JS，然后在主题更改时运行它：

function set_theme(name){
  document.cookie='sel_theme='+name+';';
  }//so, run set_theme('whatevername'); when it is set by the user

读取 cookie并在页面加载时设置主题（使用 jQuery 或类似的 $(document).ready() 会比 onload 更好，但这里有一个直接的 js/dom 示例）

 window.onload=function(){
var cookie_pos=document.cookie.indexOf('sel_theme=');//locate value in cookie
if(cookie_pos!=-1){//if string was found
  var cookie_flavor=substr(cookie_pos+10,document.cookie.indexOf(';',cookie_pos));//extract the value of the cookie
  /*then run your already existing change theme function using the extracted name*/
  }    

Answer 2

您可以使用会话来跟踪服务器端用户的首选项。当用户返回并选择了主题（您可以从会话变量中确定）时，服务器将提供设置了背景图像而不是纯色的 HTML。当用户切换首选项时，您可以发送更新会话变量的 ajax 请求。