js引入多个js、css文件
js引入多个js、css文件
我的最爱是那个人 发表于1年前
js引入多个js、css文件
  • 发表于 1年前
  • 阅读 16
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

摘要: 当我们在页面中引入js框架的时候,不想每次都引入太多的js文件
当我们在页面中引入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;//找到跳出循环

}

}

}

共有 人打赏支持
粉丝 3
博文 40
码字总数 35560
×
我的最爱是那个人
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: