javascript - 如何跨网站保存 CSS 样式切换

Question

我在网站上工作，我希望能够在样式之间切换。我按照这里的教程(http://css-tricks.com/forums/topic/how-to-let-visitors-to-switch-between-two-or-three-css-styles-themes/)进行了操作，颜色切换并保存在代码所在的页面上，但我想知道是否有任何方法可以保存所选样式并在多个网页(html 文件)中使用它.这是我在 html 中的代码，javascript 文件在链接的网站上...-

<!-- The Scripts -->
<script type="text/javascript" src="assets/js/styleswitcher.js"></script>
    <link rel="stylesheet" type="text/css" href="assets/css/main.css" title="default">
    <link rel="alternate stylesheet" type="text/css" href="assets/css/style-orange.css" title="orange">

<!-- To Switch -->
<a href="#" onclick="setActiveStyleSheet('orange'); return false;"><h1>Default</h1></a>
<a href="#" onclick="setActiveStyleSheet('orange'); return false;"><h1>Orange</h1></a>

Answer 1

链接到 ( http://css-tricks.com/examples/AlternateStyleSheets/ ) 的 styleswitcher.js 文件包含一个 cookie，该 cookie 应该保存用户在多个页面/访问中的样式偏好。如果这不起作用，则说明您没有正确实现代码，或者您的浏览器禁用了 cookie。

https://www.inetsolution.com/turnleft/post/CSS-Style-Switcher-A-quick-and-dirty-how-to.aspx提供更清晰的教程。