如何实现Javascript动态加载的CSS和js文件

如何实现Javascript动态加载的CSS和js文件
在项目中,我们需要使用CSS文件的动态加载,进行整理,顺便说一下,动态加载js的函数是作为一个对象编写的,首先在代码上:
无功动态载荷= { {
函数(路径){
如果(路径path.length | |!= = 0){
把新的错误('argument路径是必需的!;
}
VaR的头= document.getelementsbytagname(很){ 0 };
VaR链接= document.createelement('link);
link.href =路径;
link.rel = 'stylesheet;
link.type =中/ CSS的;
head.appendchild(链接);
},
Js:函数(路径){
如果(路径path.length | |!= = 0){
把新的错误('argument路径是必需的!;
}
VaR的头= document.getelementsbytagname(很){ 0 };
VaR脚本= document.createelement('script);
script.src =路径;
script.type =中/ Javascript的;
head.appendchild(剧本);
}
}

该对象包含两个完全独立方法,这是用来加载CSS文件和JS文件分别和参数的所有文件的路径是要加载的原理很简单:创造不同的负载类型的文件不同的节点,然后添加自己的属性,最后扔在头上的标签。经过测试,这种方法是能够兼容各种浏览器。它安全、无毒、环保。它是Web开发人员的常规代码。

下面是调用代码,它非常简单:
动态加载CSS文件
dynamicloading.css(测试。CSS);

动态加载js文件
dynamicloading.js(测试。JS );
以上就是告诉你如何实现javascript动态加载CSS和js文件,希望对大家有所帮助。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部