使用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 相关文章推荐
javascript js cookie的存储,获取和删除
Dec 29 Javascript
JavaScript confirm选择判断
Oct 18 Javascript
jQuery.get、jQuery.getJSON、jQuery.post无法返回JSON问题的解决方法
Jul 28 Javascript
js设置组合快捷键/tabindex功能的方法
Nov 21 Javascript
JavaScript计时器示例分析
Feb 05 Javascript
使用Jquery实现每日签到功能
Apr 03 Javascript
浅谈angular.js中实现双向绑定的方法$watch $digest $apply
Oct 14 Javascript
Bootstrap 网站实例之单页营销网站
Oct 20 Javascript
AntV F2和vue-cli构建移动端可视化视图过程详解
Oct 08 Javascript
koa-passport实现本地验证的方法示例
Feb 20 Javascript
JavaScript实现多层颜色选项卡嵌套
Sep 21 Javascript
JS前端可扩展的低代码UI框架Sunmao使用详解
Jul 23 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
fleaphp下不确定的多条件查询的巧妙解决方法
2008/09/11 PHP
PHP+Mysql+jQuery实现发布微博程序 jQuery篇
2011/10/08 PHP
解决yii2左侧菜单子级无法高亮问题的方法
2016/05/08 PHP
PHP中in_array的隐式转换的解决方法
2018/03/06 PHP
Javascript实例教程(19) 使用HoTMetal(2)
2006/12/23 Javascript
Jquery升级新版本后选择器的语法问题
2010/06/02 Javascript
php上传图片并给图片打上透明水印的代码
2010/06/07 Javascript
js定时器怎么写?就是在特定时间执行某段程序
2013/10/11 Javascript
JSON格式的键盘编码对照表
2015/01/29 Javascript
JS中JSON对象和String之间的互转及处理技巧
2016/04/06 Javascript
Angular.js中定时器循环的3种方法总结
2017/04/27 Javascript
javascript回调函数的概念理解与用法分析
2017/05/27 Javascript
ztree简介_动力节点Java学院整理
2017/07/19 Javascript
快速理解 JavaScript 中的 LHS 和 RHS 查询的用法
2017/08/24 Javascript
详解如何在Angular优雅编写HTTP请求
2018/12/05 Javascript
关于React动态加载路由处理的相关问题
2019/01/07 Javascript
Angular之jwt令牌身份验证的实现
2020/02/14 Javascript
electron 如何将任意资源打包的方法步骤
2020/04/16 Javascript
文章或博客自动生成章节目录索引(支持三级)的实现代码
2020/05/10 Javascript
js实现菜单跳转效果
2020/12/11 Javascript
Django中模版的子目录与include标签的使用方法
2015/07/16 Python
python编写暴力破解zip文档程序的实例讲解
2018/04/24 Python
Python键鼠操作自动化库PyAutoGUI简介(小结)
2020/05/17 Python
python mysql中in参数化说明
2020/06/05 Python
Aeropostale官网:美国著名校园品牌及青少年服饰品牌
2019/03/21 全球购物
美国波西米亚风格精品店:South Moon Under
2019/10/26 全球购物
德国富尔达运动鞋店:43einhalb
2020/12/25 全球购物
如何填写个人简历自我评价
2013/12/10 职场文书
小学语文课后反思精选
2014/04/25 职场文书
孝敬父母的演讲稿
2014/05/14 职场文书
孕妇离婚协议书范本
2014/11/20 职场文书
2015年妇幼卫生工作总结
2015/05/23 职场文书
观后感开头
2015/06/19 职场文书
2016党校学习心得体会范文
2016/01/07 职场文书
导游词之寿县报恩寺
2020/01/19 职场文书
CSS3 制作的图片滚动效果
2021/04/14 HTML / CSS