本文摘自PHP中文网,作者coldplay.xixi,侵删。
js引入css外部文件的方法:写成自定义函数,url为文件路径,供以后的元素调用,代码为【var script = document.createElement('script')】。

js引入css外部文件的方法:
把其写成自定义函数(url为文件路径)供以后的元素调用:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | function dynamicLoadCss(url) {
var head = document.getElementsByTagName( 'head' )[0];
var link = document.createElement( 'link' );
link.type= 'text/css' ;
link.rel = 'stylesheet' ;
link.href = url;
head.appendChild(link);
}
dynamicLoadCss( "文件路径" );
function dynamicLoadJs(url) {
var head = document.getElementsByTagName( 'head' )[0];
var script = document.createElement( 'script' );
script.type= 'text/jajvascript' ;
script.href = url;
head.appendChild(script);
}
dynamicLoadCss( "文件路径" );
|
注:
阅读剩余部分
相关阅读 >>
javascript如何实现异步
javascript怎么判断是否为数字类型
javascript中回文数是什么?怎么判断?
详解javascript对象的数据属性与访问器属性
vue.js的select下拉框怎样绑定事件和取值
介绍javascript 内存管理+如何处理4个常见的内存泄漏
javascript如何实现定时跳转页面
javascript web workers的构建块及5个使用场景
javascript如何处理并行请求?四种方式浅析
javascript print方法怎么用
更多相关阅读请进入《javascript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » js如何引入css外部文件