如何使用cookie来改变css <link href =“#”/>?

时间:2013-11-08 14:22:04

标签: javascript html css cookies href

我正在使用此脚本更改目标文档上的css链接href =“#”:

<script type='text/javascript'>
function toggle() {
    var el = document.getElementById("style1");
    if (el.href.match("css/style.css")) {
        el.href = "css/style-b.css";    
    }
    else {
        el.href = "css/style.css";  
    }
}

使用:

<link id="style1" rel="stylesheet" href="css/style.css" type="text/css" media="screen">

并点击按钮:

<button type="button" onclick="toggle()">Switch</button>

但是点击此按钮我需要将css链接href =“#”更改为我所有的.html文档。

如何使用Cookie?

(顺便说一下,我是初学者,使用cookies和js ..所以我需要整个代码,如果可以的话)

由于

2 个答案:

答案 0 :(得分:3)

以下文章准确地解释了您正在寻找的内容 - 定义替代样式表,如何在它们之间切换以及将该选择存储在cookie中的能力。

http://alistapart.com/article/alternate

首先阅读文章,但另请参阅Paul Sowden撰写的已完成的示例JavaScript文件:

http://d.alistapart.com/alternate/styleswitcher.js

答案 1 :(得分:0)

我认为你需要setcookies或类似的东西吗?

&#34 ;;     回声&#34;价值是:&#34; 。 $ _COOKIE [$ cookie_name]; } ?&GT;