1、实现网站换肤功效,一样平常更先想到的是用全局class控制样式切换
瑕玷:全局控制CSS,在项目不大,换肤样式不多的情况下,还能委曲够用。然则换肤样式许多的话,代码会异常臃肿,不利于维护。
2、切换引入CSS样式的href属性值,来到达切换样式的目的。
<link id="skin" rel="stylesheet" href="/go/?url=./skin/skin.css" class="28a9-8baf-1085-10c6 target" rel="external nofollow"> document.querySelector(‘#skin‘).href = ""
瑕玷:使用 *** 改变href属性会带来加载延迟,样式切换不流通的坏处。
3、通过 *** 替换CSS文件中换肤样式的属性值来实现换肤。
样式多的话代码会臃肿,样式切换不流通
瑕玷:IE兼容性差
4、在翻阅CSS MDN的时刻,发现link标签的rel属性有一个alternate属性值可以实现控制CSS加载。
4.1、没有title属性,rel属性值仅仅是stylesheet的<link>会默认加载并渲染
4.2、有title属性,rel属性值仅仅是stylesheet的<link>作为默认样式CSS文件加载并渲染,如:theme-default.css
4.3、有title属性,rel属性值同时包罗alternate stylesheet的<link>作为备选样式,CSS文件会加载但默认不渲染。如:theme-wsjd.css
alternate是一个异常有意思的特征,我们可通过 *** 控制该CSS是否渲染,使用JavaScript修改<link>,米素DOM工具的disabled值为false,可以让默认不渲染的CSS更先渲染,设为true则不渲染。
1.阿里云: 本站现在使用的是阿里云主机,平安/可靠/稳固。点击领取2000米代金券、领会最新阿里云产物的种种优惠流动点击进入
本文目录一览: 1、qq封号器哪个最好 2、有没有直接封QQ号的软件或网站 3、一个朋友用一款app要永久封他人QQ,可能吗! qq封号器哪个最好 QQ永久封号软件。QQ封号器里面所有软件当...
定位手机号位置怎么定位 1、在打开浏览器,输入网址后,利用QQ进行登陆,登陆后切换至”手机防盗“选项卡,然后点击”远程控制“,输入对方手机号,点击”手机定位“按钮。在打开的窗口中,点击”确定“,系统就...
原康佳首席总裁深圳市亿通手机欠帐破产倒闭 欠帐上亿深圳市亿通手机破产倒闭。深圳亿通科技有限责任公司(下通称深圳市亿通)于近日公布因资金链断裂终止经营。经销商出示给《每日经济新闻》新闻记者的不彻底借...
奔向飞机的彭于晏担心求救者 “每个人都有属于自己的战场。”...
本文目录一览: 1、黑客帝国 法国人出现在什么时候 2、黑客帝国中史密斯为什么能通过感染出现在现实社会当中? 3、电影《黑客帝国》中史密斯是怎么具有变成那么多个的能力的? 4、《黑客帝国》...
本文目录一览: 1、关于网络黑客的电影 2、黑客电影有哪些 推荐三部经典黑客电影 3、关于黑客有什么电影推荐? 4、关于黑客的电影都有哪些? 关于网络黑客的电影 《天才雷普利//心计 T...