我们一生之中，要牢记和要忘记的东西一样多。其实人生最好的贵人，就是不断努力的自己！靠自己，最踏实！假期很短暂，快乐却无边，工作很苦闷，赚钱最重要，陶醉在假期的快乐中，奋斗在工作的战线中，苦中寻乐一点甜，快乐与你长相伴。
在前端web页面中加载css样式文件是直接写死的，但如果我们需要利用一些判断条件来加载css文件该如何做呢？那下面就来说说利用js脚本来动态加载css文件的方法。
js动态加载css样式文件的方法
例：
js代码：
var link = document.createElement('link');
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = 'https://www.feiniaomy.com/style.css'; //这里是CSS文件的地址
var head = document.getElementsByTagName('head')[0];
head.appendChild(link);代码解释：
1、使用 js 脚本中的 createElement 方法创建一个link标签HTML元素
2、给创建的 link 元素加入一些属性
3、将创建好的HTML元素插入到文档中的 head 标签中
到此这篇关于如何使用javascript加载css样式文件的方法就介绍到这了。用最少的悔恨面对过去。用最少的浪费面对现在。用最多的梦想面对未来。更多相关如何使用javascript加载css样式文件的方法内容请查看相关栏目，小编编辑不易，再次感谢大家的支持！