js引入多个js、css文件

当我们在页面中引入js框架的时候，不想每次都引入太多的js文件，将多个要引入的文件放入同一个文件中，方便我们对引入文件的管理。（个性化文件引入时，需要特殊处理）

* Created by wodezuiaishinageren on 16/6/21.

* 做为基础js引入前端js文件

*/

var baseFiles="http://www.jeasyui.com/easyui/themes/default/easyui.css," +

"http://www.jeasyui.com/easyui/themes/icon.css," +

"http://www.jeasyui.com/easyui/themes/color.css,"+

"http://code.jquery.com/jquery-1.6.min.js,"+

"http://www.jeasyui.com/easyui/jquery.easyui.min.js";

var specailFile="";//处理特殊页面需要添加的文件引用

importCssOrJs(baseFiles+specailFile

);

/**

*

* @param importFiles

* 引入的文件

*/

function importCssOrJs(importFiles){

if(null==importFiles){

console.log("没有文件内容!!!")

return;

}

var files=importFiles.split(",");

console.log(files)

for (var i=0;i<files.length;i++){

var frameFile=files[i];

if(frameFile.match(/.*\.js/)){//引入的为js文件

document.write("<script type=\"text/javascript\" src="+frameFile+"></script>");

continue;//找到跳出循环

}

if(frameFile.match(/.*\.css/)){//引入的为css文件

document.write("<link rel=\"stylesheet\" type=\"text/css\" href="+frameFile+">");

continue;//找到跳出循环

}

}

}

转载于:https://my.oschina.net/undermoonlightperson/blog/698636