使用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 个人笔记(没有整理,很乱)
Jul 07 Javascript
javascript 极速 隐藏/显示万行表格列只需 60毫秒
Mar 28 Javascript
为JavaScript添加重载函数的辅助方法
Jul 04 Javascript
JS实现简单的顶部定时关闭层效果
Jun 15 Javascript
百度地图自定义控件分享
Mar 04 Javascript
jQuery实现判断滚动条到底部
Jun 23 Javascript
AngularJS实现textarea记录只能输入规定数量的字符并显示
Apr 26 Javascript
ionic隐藏tabs的方法
Aug 29 Javascript
学习掌握JavaScript中this的使用技巧
Aug 29 Javascript
webstorm添加*.vue文件支持
May 08 Javascript
Javascript ParentNode和ChildNode接口原理解析
Mar 16 Javascript
解决vue 使用setTimeout,离开当前路由setTimeout未销毁的问题
Jul 21 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中使用getimagesize获取图片、flash等文件的尺寸信息实例
2014/04/29 PHP
LINUX下PHP程序实现WORD文件转化为PDF文件的方法
2016/05/13 PHP
Laravel 5.1 框架Blade模板引擎用法实例分析
2020/01/04 PHP
基于PHP实现用户登录注册功能的详细教程
2020/08/04 PHP
云网广告中的代码,提示出错,大家找找
2006/11/21 Javascript
jQuery setTimeout传递字符串参数报错的解决方法
2014/06/09 Javascript
prototype框架中美元符号$用法分析
2016/01/22 Javascript
JavaScript制作颜色反转小游戏
2016/09/25 Javascript
Ionic2系列之使用DeepLinker实现指定页面URL
2016/11/21 Javascript
简单实现jQuery轮播效果
2017/08/18 jQuery
关于Angularjs中自定义指令一些有价值的细节和技巧小结
2018/04/22 Javascript
angular2 ng2-file-upload上传示例代码
2018/08/23 Javascript
微信分享invalid signature签名错误踩过的坑
2020/04/11 Javascript
js函数柯里化的方法和作用实例分析
2020/04/11 Javascript
微信小程序实现弹幕墙(祝福墙)
2020/11/18 Javascript
[51:17]VGJ.T vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python关闭windows进程的方法
2015/04/18 Python
python实现按行切分文本文件的方法
2016/04/18 Python
Python爬取当当、京东、亚马逊图书信息代码实例
2017/12/09 Python
安装python3的时候就是输入python3死活没有反应的解决方法
2018/01/24 Python
python 定时任务去检测服务器端口是否通的实例
2019/01/26 Python
Python多进程入门、分布式进程数据共享实例详解
2019/06/03 Python
浅谈python 中类属性共享的问题
2019/07/02 Python
如何基于Python实现自动扫雷
2020/01/06 Python
matplotlib 曲线图 和 折线图 plt.plot()实例
2020/04/17 Python
跑步爱好者一站式服务网站:Jack Rabbit
2016/09/01 全球购物
英国鞋类及配饰零售商:Kurt Geiger
2017/02/04 全球购物
Feelunique美国:欧洲大型的在线美妆零售电商
2018/11/04 全球购物
国贸类专业毕业生的求职信分享
2013/12/08 职场文书
决心书范文
2014/03/11 职场文书
新品发布会主持词
2014/04/02 职场文书
小组口号大全
2014/06/09 职场文书
2014年个人工作总结报告
2014/11/27 职场文书
科级干部培训心得体会
2016/01/06 职场文书
2016大学生毕业实习心得体会
2016/01/23 职场文书
Python使用protobuf序列化和反序列化的实现
2021/05/19 Python