文档章节

js引入多个js、css文件

我的最爱是那个人
 我的最爱是那个人
发布于 2016/06/21 18:32
字数 262
阅读 20
收藏 0
当我们在页面中引入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
博文 45
码字总数 39769
作品 0
朝阳
程序员
关于ASP.NET MVC的js和css资源管理

本文来源于博客园-钱智慧,转载请注明出处 通过这篇文章和这个回答,我们总结如下: 浏览器针对一个域名,最多只会开启6个线程来加载文件,比如head中如果有7个引入文件(js文件或者css文件)...

gogoblue
2017/04/08
0
0
解决一个html 或jsp 引入多个不同版本的jquery 解决方案

解决一个html 或jsp 引入多个不同版本的jquery 解决方案 原因:一个html 引入多个jquery 一般会导致$符号冲突,所以需要把它区分开来,需要哪个版本的jquery 就使用哪个符号的函数,解决一个h...

zaolonglei
2017/11/02
0
0
为什么要前端构建?讲得很清楚全面

为什么要前端构建? JavaScript和CSS的依赖问题 我们经常出现的另一个问题,就是JavaScript和CSS的依赖问题,说的通俗点就是JavaScript和CSS的在页面中的顺序问题! 我们经常发现CSS没起作用...

柴高八斗之父
08/30
0
0
Intellij IDEA下使用Ant构建工具压缩合并js和css

做移动端项目的时候,页面优化的时候存在一个问题,引入的多个css和js会发出多个http请求,对页面的响应速度影响很大,所有想到用yahoo的一个js/css压缩工具YUI Compressor 这里用的最新版本2...

EDIAGD
2013/08/19
0
0
使用wro4j和maven在编译期间压缩js和css文件

最近在对一个web系统做性能优化. 而对用到的静态资源文件的压缩整合则是前端性能优化中很重要的一环. 好处不仅在于能够减小请求的文件体积,而且能够减少浏览器的http请求数. 因为是基于java的...

黑帽子
2013/06/13
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Shell特殊符号总结以及cut,sort,wc,uniq,tee,tr,split命令

特殊符号总结一 * 任意个任意字符 ? 任意一个字符 # 注释字符 \ 脱义字符 | 管道符 # #号后的备注被忽略[root@centos01 ~]# ls a.txt # 备注 a.txt[root@centos01 ~]# a=1[root@centos01...

野雪球
45分钟前
2
0
OSChina 周二乱弹 —— 程序员圣衣

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @达尔文:分享Skeeter Davis的单曲《The End of the World》 《The End of the World》- Skeeter Davis 手机党少年们想听歌,请使劲儿戳(这里...

小小编辑
今天
4
0
[ python import module ] 导入模块

import moudle_name ----> import module_name.py ---> import module_name.py文件路径 -----> sys.path (这里进行查找文件) # from app.web import Personimport app.web.Person as Pe......

_______-
昨天
3
0
Redis性能问题排查解决手册

一、性能相关的数据指标 通过Redis-cli命令行界面访问到Redis服务器,然后使用info命令获取所有与Redis服务相关的信息。通过这些信息来分析文章后面提到的一些性能指标。 nfo命令输出的数据可...

IT--小哥
昨天
2
0
mixin混入

①新建mixin.js文件 const mixin = { methods: { /** * 分页公共方法 */ handleSizeChange(val) { this.pageData.size = val; this.query(); }, hand......

不负好时光
昨天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部