切换样式表's点击，然后使用cookie

Switching Stylesheet's on Click and then using Cookies

本文关键字：点击 然后 cookie 样式      更新时间：2023-09-26

好的，我基本上有一个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);
 }

然而，这似乎没有改变任何东西，它保持原来的一组样式表1。

我还需要找到一种方法来使用cookie，以便知道哪个用户选择当你转到下一页，而不是回到原来的一个。

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


var newlink = document.createElement("style")

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

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

HTML

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

CSS

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

JavaScript

使用jQuery处理请求

相关文章：