【问题标题】:How to load chosen alternative css as default css? [closed]如何将选择的替代 css 加载为默认 css? [关闭]
【发布时间】:2016-03-07 19:09:40
【问题描述】:

我为我的网络制作了一个明暗的 CSS。浅色 css 作为默认值,深色 css 作为替代。它在 JavaScript 的帮助下完美运行。现在的问题是,如果用户选择深色版本并刷新页面或转到下一页,它会再次回到浅色 css。如果用户选择深色 css,我需要我的网站将深色 css 作为默认 css 加载。它将如何制作?是在 JavaScript 的帮助下吗?如果是,请也提供代码。

谢谢

【问题讨论】:

  • 只需 20 秒的研究时间即可找到问题的解决方案。
  • @Banana 2 天研究找不到任何关于此的内容。如果你能找到它,请帮助我。谢谢
  • 调查 cookie。
  • Here 是一个。 Here 是另一个。 Here 是第三个。 Here 是第四个。

标签: javascript css web


【解决方案1】:

您必须将此信息保存在浏览器 cookie 中。 每当用户访问该站点时,如果他更喜欢较暗的版本,请检查 cookie。要设置 cookie,请使用:
document.cookie = "style=black; expires=Thu, 01 Jan 1970 00:00:00 UTC";

然后在网站加载时使用此函数检查 cookie:- [credits : w3schools] 。 . function getCookie(cname) { var name = cname + "="; var ca = document.cookie.split(';'); for(var i=0; i<ca.length; i++) { var c = ca[i]; while (c.charAt(0)==' ') c = c.substring(1); if (c.indexOf(name) == 0) return c.substring(name.length,c.length); } return ""; }

【讨论】:

    【解决方案2】:

    如果您知道如何通过 javascript 更改 CSS(如 Replacing css file on the fly (and apply the new style to the page) 中所述),那么您已经完成了 80%。 现在您必须在某处保存用户对 CSS 的选择,例如,使用 cookie。 如果您使用 jquery.cookie.js,请尝试创建 cookie:

    $.cookie('myvalue', 'here is value', { expires: 30 });
    

    并删除 cookie:

    $.removeCookie('myvalue', { path: '/' });
    

    希望,它会有所帮助!

    【讨论】:

      猜你喜欢
      • 2015-01-18
      • 2016-04-02
      • 2010-10-13
      • 1970-01-01
      • 2017-08-29
      • 2017-03-02
      • 2022-01-16
      • 2013-10-27
      • 1970-01-01
      相关资源
      最近更新 更多