1、实现网站换肤功能,一般最先想到的是用全局class控制样式切换
缺点:全局控制CSS,在项目不大,换肤样式不多的情况下,还能勉强够用。但是换肤样式很多的话,代码会非常臃肿,不利于维护。
2、切换引入CSS样式的href属性值,来达到切换样式的目的。
<link id="skin" rel="stylesheet" href="./skin/skin.css">
document.querySelector(‘#skin‘).href = ""
缺点:使用JS改变href属性会带来加载延迟,样式切换不流畅的弊端。
3、通过JS替换CSS文件中换肤样式的属性值来实现换肤。
样式多的话代码会臃肿,样式切换不流畅
缺点:IE兼容性差
4、在翻阅CSS MDN的时候,发现link标签的rel属性有一个alternate属性值可以实现控制CSS加载。
对web前端这门技术感兴趣的小伙伴可以加入到我们的学习圈来,工作第六个年头了,与大家分享一些学习方法,实战开发需要注意的细节。767-273-102 秋裙。从零基础开始怎么样学好前端。看看前辈们是如何在编程的世界里傲然前行!不停更新最新的教程和学习方法(web前端系统学习路线,详细的前端项目实战教学视频),有想学习web前端的,或是转行,或是大学生,还有工作中想提升自己能力的,正在学习的小伙伴欢迎加入。我们会一起结伴同行前端前端前端