本文摘自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( "文件路径" );
|
注:
阅读剩余部分
相关阅读 >>
canvas的手绘风格图形库rough.js
javascript如何转换时间
详解javascript中switch语句的用法
html里table表数据如何转为json格式
echarts-基于html5 canvas的javascript图表库图文详解
javascript 没有类吗
深入理解javascript的并发模型和事件循环机制
前端怎么学
javascript有哪些事件属性
javascript中settimeout()和setinterval()两个定时器的区别
更多相关阅读请进入《javascript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » js如何引入css外部文件