如何为两种类型的用户更改网页的字体和背景颜色

时间:2019-07-02 11:44:05

标签: javascript jquery html css sass

所以我正在集成一个模板,并且我有客户要求的这种条件: 该网站有一个常规用户空间,背景颜色为蓝色,专业用户空间为背景颜色为橙色。 我该如何应用条件,以便每种颜色都可以应用于特定用户。

2 个答案:

答案 0 :(得分:0)

您可以将查询字符串添加到url中,并为每种特定用户类型加载所需的样式表:

登录后,用户将获得其中两个网址

website.com?view=专业

website.com?view=常规

if (window.location.search.indexOf('?view=professional') === 0)
  document.write('<link rel="stylesheet" href="professionalStylesheet.css" />');
else
  document.write('<link rel="stylesheet" href="regularStylesheet.css" />');

答案 1 :(得分:0)

在CSS中定义两个类,然后在JavaScript中使用classList.toggle('classname')为每个用户切换