切换网页风格使用cookie存储（防止刷新丢失）

最新推荐文章于 2022-12-02 14:18:23 发布

JackLiu16

最新推荐文章于 2022-12-02 14:18:23 发布

阅读量924

点赞数 1

CC 4.0 BY-SA版权

分类专栏： web前端

本文链接：https://blog.youkuaiyun.com/JackLiu16/article/details/86441747

当在HTML本地文件中创建cookie时，可能会遇到不生效的问题。这通常由于浏览器的安全策略，如Chrome禁止file协议下的cookie。为解决此问题，可以将文件部署到服务器环境，或使用Firefox等其他浏览器。本文提供了两种可能的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/* Style Switcher by Paul Sowden, see A List Apart: http://www.alistapart.com/articles/alternate/ */

function setActiveStyleSheet(title) {
  var i, a, main;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
      a.disabled = true;
      if(a.getAttribute("title") == title) a.disabled = false;
    }
  };
  createCookie("test",title,30);
}

function getActiveStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title");
  }
  return null;
}

function getPreferredStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1
       && a.getAttribute("rel").indexOf("alt") == -1
       && a.getAt