数码资讯
如何实现Javascript动态加载的CSS和js文件
在项目中,我们需要使用CSS文件的动态加载,进行整理,顺便说一下,动态加载js的函数是作为一个对象编写的,首先在代码上: 无功动态载荷= { { 函数(路径){ 如果(路径path.length | |!= = 0){ 把新的错误('argument路径是必需的!; } VaR的头= documen
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
在项目中,我们需要使用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文件,希望对大家有所帮助。
无功动态载荷= { {
函数(路径){
如果(路径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文件,希望对大家有所帮助。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。