使用jquery动态加载Js文件和Css文件


Posted in Javascript onOctober 24, 2015

如果你有很多关联的CSS文件要一起加载,或者想动态的加载不同的CSS文件,那么下面的方法你一定对你有帮助。
Jquery动态加载Js和Css扩展方法

$.extend({ 
   includePath: '', 
   include: function(file) { 
    var files = typeof file == "string" ? [file]:file; 
    for (var i = 0; i < files.length; i++) { 
      var name = files[i].replace(/^\s|\s$/g, ""); 
      var att = name.split('.'); 
      var ext = att[att.length - 1].toLowerCase(); 
      var isCSS = ext == "css"; 
      var tag = isCSS ? "link" : "script"; 
      var attr = isCSS ? " type='text/css' rel='stylesheet' " : " language='javascript' type='text/javascript' "; 
      var link = (isCSS ? "href" : "src") + "='" + $.includePath + name + "'"; 
      if ($(tag + "[" + link + "]").length == 0) document.write("<" + tag + attr + link + "></" + tag + ">"); 
    } 
  } 
});

使用方法:

$.include('https://3water.com/include/dedeajax.js'); 
$.include('https://3water.com/templets/skins/style/android.css');

或者:

$.includePath='3water.com/html/'; 
$.include([dedeajax.js','android.css']);

以上就是本文的全部内容,希望对大家的学习有所帮助。

Javascript 相关文章推荐
jquery 输入框数字限制插件
Nov 10 Javascript
jQuery获取CSS样式中的颜色值的问题,不同浏览器格式不同的解决办法
May 13 Javascript
js获得网页背景色和字体色的方法
Mar 21 Javascript
jQuery实现鼠标可拖动调整表格列宽度
May 26 Javascript
JS中dom0级事件和dom2级事件的区别介绍
May 05 Javascript
Js实现中国公民身份证号码有效性验证实例代码
May 03 Javascript
javascript 跨域问题以及解决办法
Jul 17 Javascript
解决layui上传文件提示上传异常,实际文件已经上传成功的问题
Aug 19 Javascript
Vue源码学习之关于对Array的数据侦听实现
Apr 23 Javascript
详解vue页面首次加载缓慢原因及解决方案
Nov 06 Javascript
vue实现下载文件流完整前后端代码
Nov 17 Vue.js
基于JavaScript实现省市联动效果
Jun 22 Javascript
JavaScript中数组的合并以及排序实现示例
Oct 24 #Javascript
使用javaScript动态加载Js文件和Css文件
Oct 24 #Javascript
js判断日期时间有效性的方法
Oct 24 #Javascript
JavaScript中日期的相关操作方法总结
Oct 24 #Javascript
JavaScript中Date对象的常用方法示例
Oct 24 #Javascript
js实现表单多按钮提交action的处理方法
Oct 24 #Javascript
JS实现状态栏跑马灯文字效果代码
Oct 24 #Javascript
You might like
php中mysql连接方式PDO使用详解
2015/02/25 PHP
Symfony2学习笔记之模板用法详解
2016/03/17 PHP
PHP的Laravel框架中使用AdminLTE模板来编写网站后台界面
2016/03/21 PHP
PHP单例模式模拟Java Bean实现方法示例
2018/12/07 PHP
greybox——不开新窗口看新的网页
2007/02/20 Javascript
js tab 选项卡
2009/04/26 Javascript
原创jQuery弹出层插件分享
2015/04/02 Javascript
JavaScript中调用函数的4种方式代码实例
2015/07/08 Javascript
ztree获取选中节点时不能进入可视区域出现BUG如何解决
2015/12/03 Javascript
jQuery实现可拖拽3D万花筒旋转特效
2017/01/03 Javascript
微信小程序 基础组件与导航组件详细介绍
2017/02/21 Javascript
JS排序之选择排序详解
2017/04/08 Javascript
AngularJS之自定义服务详解(factory、service、provider)
2017/04/14 Javascript
Angular2 之 路由与导航详细介绍
2017/05/26 Javascript
浅谈Vue父子组件和非父子组件传值问题
2017/08/22 Javascript
浅谈Angular路由复用策略
2017/10/04 Javascript
Vue.directive 实现元素scroll逻辑复用
2019/11/29 Javascript
angula中使用iframe点击后不执行变更检测的问题
2020/05/10 Javascript
vue-cli3项目打包后自动化部署到服务器的方法
2020/09/16 Javascript
[40:04]Secret vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.23
2019/09/05 DOTA
[04:15]DOTA2-DPC中国联赛1月19日Recap集锦
2021/03/11 DOTA
Python自然语言处理之词干,词形与最大匹配算法代码详解
2017/11/16 Python
Flask框架响应、调度方法和蓝图操作实例分析
2018/07/24 Python
django如何连接已存在数据的数据库
2018/08/14 Python
Python logging模块原理解析及应用
2020/08/13 Python
购买限量版收藏品、珠宝和礼品:Bradford Exchange
2016/09/23 全球购物
蛋白质世界:Protein World
2017/11/23 全球购物
分解成质因数(如435234=251*17*17*3*2,据说是华为笔试题)
2014/07/16 面试题
社会实践自我鉴定
2013/11/07 职场文书
基层工作经历证明
2014/01/13 职场文书
少儿节目主持串词
2014/04/02 职场文书
团员自我评价范文
2015/03/10 职场文书
舞出我人生观后感
2015/06/16 职场文书
小学一年级数学教学反思
2016/02/16 职场文书
2019年警察入党转正申请书最新范文
2019/09/03 职场文书
OpenCV 图像梯度的实现方法
2021/07/25 Python