使用jquery动态加载Js文件和Css文件
如果你有很多关联的CSS文件要一起加载,或者想动态的加载不同的CSS文件,那么下面的方法你一定对你有帮助。
Jquery动态加载Js和Css扩展方法
$.extend({
includePath:'',
include:function(file){
varfiles=typeoffile=="string"?[file]:file;
for(vari=0;i<files.length;i++){
varname=files[i].replace(/^\s|\s$/g,"");
varatt=name.split('.');
varext=att[att.length-1].toLowerCase();
varisCSS=ext=="css";
vartag=isCSS?"link":"script";
varattr=isCSS?"type='text/css'rel='stylesheet'":"language='javascript'type='text/javascript'";
varlink=(isCSS?"href":"src")+"='"+$.includePath+name+"'";
if($(tag+"["+link+"]").length==0)document.write("<"+tag+attr+link+"></"+tag+">");
}
}
});
使用方法:
$.include('https://www.nhooo.com/include/dedeajax.js');
$.include('https://www.nhooo.com/templets/skins/style/android.css');
或者:
$.includePath='www.nhooo.com/html/'; $.include([dedeajax.js','android.css']);
以上就是本文的全部内容,希望对大家的学习有所帮助。