使用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的Cookies
Jan 16 Javascript
两个比较有用的Javascript工具函数代码
Feb 17 Javascript
捕获键盘事件(且兼容各浏览器)
Jul 03 Javascript
获取非最后一列td值并将title设为该值的方法
Oct 30 Javascript
浮动的div自适应居中显示的js代码
Dec 23 Javascript
javascript数组去重的方法汇总
Apr 14 Javascript
JavaScript简单实现鼠标移动切换图片的方法
Feb 23 Javascript
详解使用angular的HttpClient搭配rxjs
Sep 01 Javascript
基于JavaScript实现幸运抽奖页面
Jul 05 Javascript
微信小程序用户授权弹窗 拒绝时引导用户重新授权实现
Jul 29 Javascript
layui+SSM的数据表的增删改实例(利用弹框添加、修改)
Sep 27 Javascript
d3.js实现图形缩放平移
Dec 19 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
《魔兽争霸3:重制版》翻车了?你想要的我们都没有
2019/11/07 魔兽争霸
5.PHP的其他功能
2006/10/09 PHP
PHP静态类
2006/11/25 PHP
PHP 实例化类的一点摘记
2008/03/23 PHP
Fatal error: Call to undefined function curl_init()解决方法
2010/04/09 PHP
IIS7.X配置PHP运行环境小结
2011/06/09 PHP
AJAX的使用方法详解
2017/04/29 PHP
bindParam和bindValue的区别以及在Yii2中的使用详解
2018/03/12 PHP
php命令行模式代码实例详解
2021/02/26 PHP
Jquery从头学起第四讲 jquery入门教程
2010/08/01 Javascript
javascript 学习笔记(八)javascript对象
2011/04/12 Javascript
jQuery晃动层特效实现方法
2015/03/09 Javascript
javascript实现带下拉子菜单的导航菜单效果
2015/05/14 Javascript
Linux下为Node.js程序配置MySQL或Oracle数据库的方法
2016/03/19 Javascript
拥Bootstrap入怀——导航栏篇
2016/05/30 Javascript
vue项目打包后请求地址错误/打包后跨域操作
2020/11/04 Javascript
[02:43]中国五虎出征TI3视频
2013/08/02 DOTA
[52:02]DOTA2-DPC中国联赛 正赛 Phoenix vs Dragon BO3 第二场 2月26日
2021/03/11 DOTA
python单例模式实例分析
2015/04/08 Python
Python HTMLParser模块解析html获取url实例
2015/04/08 Python
Python实现查找匹配项作处理后再替换回去的方法
2017/06/10 Python
Python爬虫使用脚本登录Github并查看信息
2018/07/16 Python
QML实现钟表效果
2020/06/02 Python
Python drop方法删除列之inplace参数实例
2020/06/27 Python
使用matplotlib的pyplot模块绘图的实现示例
2020/07/12 Python
Selenium alert 弹窗处理的示例代码
2020/08/06 Python
Lancer Skincare官方网站:抗衰老皮肤护理
2020/11/20 全球购物
毕业生欢送会主持词
2014/03/31 职场文书
英语演讲稿3分钟
2014/04/29 职场文书
大学生优秀班干部事迹材料
2014/05/26 职场文书
民主生活会汇报材料
2014/12/15 职场文书
三下乡个人总结
2015/03/04 职场文书
周恩来的四个昼夜观后感
2015/06/03 职场文书
清明扫墓感想
2015/08/11 职场文书
详细聊聊关于Mysql联合查询的那些事儿
2021/10/24 MySQL
nginx sticky实现基于cookie负载均衡示例详解
2022/12/24 Servers