文档章节

js引入多个js、css文件

我的最爱是那个人
 我的最爱是那个人
发布于 2016/06/21 18:32
字数 262
阅读 23
收藏 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;//找到跳出循环

}

}

}

© 著作权归作者所有

共有 人打赏支持
我的最爱是那个人
粉丝 4
博文 45
码字总数 39769
作品 0
朝阳
程序员
私信 提问
解决一个html 或jsp 引入多个不同版本的jquery 解决方案

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

zaolonglei
2017/11/02
0
0
关于ASP.NET MVC的js和css资源管理

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

gogoblue
2017/04/08
0
0
为什么要前端构建?讲得很清楚全面

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

柴高八斗之父
08/30
0
0
使用wro4j和maven在编译期间压缩js和css文件

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

黑帽子
2013/06/13
0
0
Intellij IDEA下使用Ant构建工具压缩合并js和css

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

EDIAGD
2013/08/19
0
0

没有更多内容

加载失败,请刷新页面

加载更多

URL访问网站的网络传输全过程

打开浏览器,在地址栏输入URL,回车,出现网站内容。这是我们几乎每天都在做的事,那这个过程中到底是什么原理呢?HTTP、TCP、DNS、IP这些耳熟能详的名词都在什么时候起着什么作用呢?在这里...

MrBoyce
13分钟前
0
0
都9102年了,还不会Docker?10分钟带你从入门操作到实战上手

Docker简述 Docker是一种OS虚拟化技术,是一个开源的应用容器引擎。它可以让开发者将应用打包到一个可移植的容器中,并且该容器可以运行在几乎所有linux系统中(Windows10目前也原生支持,W...

公众号_Zack说码
14分钟前
1
0
day175-2018-12-12-英语流利阅读-待学习

日本报纸修改二战“慰安妇”描述,引发众怒 雪梨 2018-12-12 1.今日导读 第二次世界大战期间,日本肆意侵略其他国家,所到之处,无数妇女沦为日本士兵肆意践踏的对象。半个多世纪过去了,面对...

飞鱼说编程
16分钟前
1
0
TiDB 源码阅读系列文章(二十一)基于规则的优化 II

在 TiDB 源码阅读系列文章(七)基于规则的优化 一文中,我们介绍了几种 TiDB 中的逻辑优化规则,包括列剪裁,最大最小消除,投影消除,谓词下推和构建节点属性,本篇将继续介绍更多的优化规...

TiDB
22分钟前
0
0
mysql 时间格式化

DATE_FORMAT

1713716445
28分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部