使用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 相关文章推荐
js操作Xml(向服务器发送Xml,处理服务器返回的Xml)(IE下有效)
Jan 30 Javascript
JavaScript入门教程 Cookies
Jan 31 Javascript
javascript 判断数组是否已包含了某个元素的函数
May 30 Javascript
jQuery Tools tab(幻灯片)
Jul 14 Javascript
jQuery动画效果animate和scrollTop结合使用实例
Apr 02 Javascript
Extjs根据条件设置表格某行背景色示例
Jul 23 Javascript
js实现兼容性好的微软官网导航下拉菜单效果
Sep 07 Javascript
纯JavaScript代码实现移动设备绘图解锁
Oct 16 Javascript
jQuery的层级查找方式分析
Jun 16 Javascript
js实现下拉框效果(select)
Mar 28 Javascript
JS实现分页导航效果
Feb 19 Javascript
基于Vue实现微前端的示例代码
Apr 24 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中获取指定IP的物理地址的代码(正则表达式)
2011/06/23 PHP
php获取目录所有文件并将结果保存到数组(实例)
2013/10/25 PHP
Yii实现多按钮保存与提交的方法
2014/12/03 PHP
php实现无限级分类查询(递归、非递归)
2016/03/10 PHP
php实现简单爬虫的开发
2016/03/28 PHP
php获取excel文件数据
2017/04/21 PHP
Windows平台PHP+IECapt实现网页批量截图并创建缩略图功能详解
2019/08/02 PHP
js函数setTimeout延迟执行的简单介绍
2013/07/17 Javascript
JS获取下拉列表所选中的TEXT和Value的实现代码
2014/01/11 Javascript
jQuery+PHP打造滑动开关效果
2014/12/16 Javascript
被遗忘的javascript的slice() 方法
2015/04/20 Javascript
jQuery图片特效插件Revealing实现拉伸放大
2015/04/22 Javascript
EasyUI学习之DataGird分页显示数据
2016/12/29 Javascript
vue实现表格增删改查效果的实例代码
2017/07/18 Javascript
使用JS编写的随机抽取号码的小程序
2017/08/11 Javascript
JavaScript阻止表单提交方法(附代码)
2017/08/15 Javascript
浅谈React和Redux的连接react-redux
2017/12/04 Javascript
Node.js 如何利用异步提升任务处理速度
2019/01/07 Javascript
在vue-cli中引入lodash.js并使用详解
2019/11/13 Javascript
JS Html转义和反转义(html编码和解码)的实现与使用方法总结
2020/03/10 Javascript
深入理解Python3 内置函数大全
2017/11/23 Python
解决python中使用plot画图,图不显示的问题
2018/07/04 Python
win8.1安装Python 2.7版环境图文详解
2019/07/01 Python
python3中celery异步框架简单使用+守护进程方式启动
2021/01/20 Python
CSS3 translate导致字体模糊的实例代码
2019/08/30 HTML / CSS
CSS3网格的三个新特性详解
2014/04/04 HTML / CSS
HTML5声音录制/播放功能的实现代码
2018/05/03 HTML / CSS
详解三种方式实现平滑滚动页面到顶部的功能
2019/04/23 HTML / CSS
李维斯德国官方网上商店:Levi’s德国
2016/09/10 全球购物
欧洲领先的电子和电信零售商和服务提供商:Currys PC World Business
2017/12/05 全球购物
eHarmony英国:全球领先的认真恋爱约会平台之一
2020/11/16 全球购物
性能测试工程师的面试题
2015/02/20 面试题
最美孝心少年事迹材料
2014/08/15 职场文书
《金钱的魔力》教学反思
2016/02/20 职场文书
微信小程序APP的生命周期及页面的生命周期
2022/04/19 Javascript
聊聊配置 Nginx 访问与错误日志的问题
2022/05/25 Servers