使用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']);
以上就是本文的全部内容,希望对大家的学习有所帮助。