在单击时切换样式表，然后使用 Cookie答案

【问题标题】：Switching Stylesheet's on Click and then using Cookies在单击时切换样式表，然后使用 Cookie
【发布时间】：2013-06-20 08:47:40
【问题描述】：

好的，所以我基本上有一个 HTML 页面，上面有两个图像。然后，用户可以单击其中一个图像，它将带您进入下一页。每张图片都会将您带到相同的下一页，但根据您选择的图片会改变配色方案。

这是我使用的 HTML：

<a href="LetterFromEditor.html" onclick="changeCSS('stylesheet1.css', 0);"><img    class="cover" src="cover1.png" /></a> 
<a href="LetterFromEditor.html" onclick="changeCSS('stylesheet2.css', 0);"><img class="cover" src="cover2.png" /></a>

然后调用以下脚本：

 function changeCSS(cssFile, cssLinkIndex) 
 {

    var oldlink = document.getElementsByTagName("stylesheet1.css").item(cssLinkIndex);

    var newlink = document.createElement("stylesheet2.css")
    newlink.setAttribute("rel", "stylesheet");
    newlink.setAttribute("type", "text/css");
    newlink.setAttribute("href", cssFile);

    document.getElementsByTagName("head").item(0).replaceChild(newlink, oldlink);
 }

但是，这似乎并没有改变任何东西，它与原来的一组样式表保持一致。

我还需要找到一种使用 cookie 的方法，以便在您转到下一页而不是返回原始页面时知道哪个用户选择了。

【问题讨论】：

标签： javascript cookies stylesheet

【解决方案1】：

var newlink = document.createElement("stylesheet2.css")

到

var newlink = document.createElement("style")

【讨论】：

【解决方案2】：

看看你需要做什么。这显然不起作用，因为引用的样式表不存在并且 cookie.js 文件也没有加载。

http://jsfiddle.net/UKLQ8/1/

HTML

需要select语句或其他方法来选择样式表

CSS

外部样式表需要有 rel="alternate stylesheet" 和 title="???"属性

JavaScript

使用jQuery处理请求

【讨论】：