javascript - 如何使用cookies来改变css ？

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

Answer 2

我认为您需要 setcookies 或类似的东西？

"; echo "值为：" . $_COOKIE[$cookie_name]; } ?>