javascript - 如何使用 cookie 更改 css <link href ="#">？

Question

我正在使用此脚本更改目标文档上的 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 做到这一点？

(顺便说一句，我是 cookie 和 js 的初学者..所以如果可以的话，我需要整个代码)

谢谢

Answer 1

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

http://alistapart.com/article/alternate

首先阅读文章，但另请参阅 Paul Sowden 编写的完整示例 JavaScript 文件:

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