本文摘自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中event loop的分析
实现在html页面加载完毕后运行js方法
深入了解javascript中的object(对象)
javascript怎么设置input value属性的值
html5 canvas实现中奖转盘的实例代码
javascript的三大组成部分是什么
javascript是哪家公司开发的
javascript如何刷新页面
javascript分号规则的知识介绍(附示例)
更多相关阅读请进入《javascript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » js如何引入css外部文件