使用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中实现标签切换效果的代码
Mar 01 Javascript
JQuery实现简单验证码提示解决方案
Dec 20 Javascript
使用javascript控制cookie显示和隐藏背景图
Feb 12 Javascript
封装了一个支持匿名函数的Javascript事件监听器
Jun 05 Javascript
AngularJS中监视Scope变量以及外部调用Scope方法
Jan 23 Javascript
JavaScript正则表达式的分组匹配详解
Feb 13 Javascript
JavaScript中数组的22种方法必学(推荐)
Jul 20 Javascript
详解js前端代码异常监控
Jan 11 Javascript
jQuery实现Select下拉列表进行状态选择功能
Mar 30 jQuery
Js实现中国公民身份证号码有效性验证实例代码
May 03 Javascript
理顺8个版本vue的区别(小结)
Sep 17 Javascript
js实现石头剪刀布游戏
Oct 11 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下关于中英数字混排的字符串分割问题
2010/04/06 PHP
深入分析php中接口与抽象类的区别
2013/06/08 PHP
php微信开发自定义菜单
2016/08/27 PHP
php使用正则表达式获取字符串中的URL
2016/12/29 PHP
php使用curl实现简单模拟提交表单功能
2017/05/15 PHP
基于ThinkPHP5.0实现图片上传插件
2017/09/25 PHP
window.addeventjs事件驱动函数集合addEvent等
2008/02/19 Javascript
css把超出的部分显示为省略号的方法兼容火狐
2008/07/23 Javascript
JavaScript中this的使用详解
2013/11/08 Javascript
javascript调试之DOM断点调试法使用技巧分享
2014/04/15 Javascript
编程语言JavaScript简介
2014/10/16 Javascript
Bootstrap实现圆角、圆形头像和响应式图片
2016/12/14 Javascript
Vue.js分页组件实现:diVuePagination的使用详解
2018/01/10 Javascript
小程序实现短信登录倒计时
2019/07/12 Javascript
Javascript Symbol原理及使用方法解析
2020/10/22 Javascript
JavaScript 防抖和节流遇见的奇怪问题及解决
2020/11/20 Javascript
Python用list或dict字段模式读取文件的方法
2017/01/10 Python
python excel使用xlutils类库实现追加写功能的方法
2018/05/02 Python
python实时监控cpu小工具
2018/06/21 Python
浅述python中深浅拷贝原理
2018/09/18 Python
Python中logging.NullHandler 的使用教程
2018/11/29 Python
浅谈python requests 的put, post 请求参数的问题
2019/01/02 Python
PyQt5实现暗黑风格的计时器
2019/07/29 Python
PyTorch 解决Dataset和Dataloader遇到的问题
2020/01/08 Python
tensorflow 分类损失函数使用小记
2020/02/18 Python
python调用API接口实现登陆短信验证
2020/05/10 Python
sqlalchemy实现时间列自动更新教程
2020/09/02 Python
编写类String的构造函数、析构函数和赋值函数
2012/05/29 面试题
金融专业毕业生推荐信
2013/11/26 职场文书
旅游项目开发策划书
2014/01/18 职场文书
缓刑人员思想汇报
2014/10/11 职场文书
社区义诊通知
2015/04/24 职场文书
银行安全保卫工作总结
2015/08/10 职场文书
医院岗前培训心得体会
2016/01/08 职场文书
女性励志书籍推荐
2019/08/19 职场文书
Javascript中的解构赋值语法详解
2021/04/02 Javascript