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

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

JackLiu16

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

阅读量867

点赞数 1

分类专栏： web前端

本文链接：https://blog.csdn.net/JackLiu16/article/details/86441747

版权

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

摘要由CSDN通过智能技术生成

/* 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("l