0

好的，所以我基本上有一个 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 的方法，以便在您转到下一页而不是返回原始页面时知道哪个用户选择了。

4

2 回答 2

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

至

var newlink = document.createElement("style")
于 2013-06-20T08:53:59.163 回答
0

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

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

HTML

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

CSS

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

JavaScript

使用 jQuery 处理请求

于 2013-06-20T09:12:15.173 回答