在项目中,我们需要使用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文件,希望对大家有所帮助。