使用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
Jun 19 Javascript
js将json格式内容转换成对象的方法
Nov 01 Javascript
JS不间断向上滚动效果代码
Dec 25 Javascript
我的Node.js学习之路(四)--单元测试
Jul 06 Javascript
jQuery中appendTo()方法用法实例
Jan 08 Javascript
JS+CSS实现可拖动的弹出提示框
Feb 16 Javascript
jQuery中 prop() attr()使用详解
May 19 Javascript
JavaScript中isPrototypeOf函数作用和使用实例
Jun 01 Javascript
自定义刻度jQuery进度条及插件
Sep 02 Javascript
零基础轻松学JavaScript闭包
Dec 30 Javascript
使用vue.js2.0 + ElementUI开发后台管理系统详细教程(二)
Jan 21 Javascript
使用JavaScript实现node.js中的path.join方法
Aug 12 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
mysql_num_rows VS COUNT 效率问题分析
2011/04/23 PHP
PHP输出一个等腰三角形的方法
2015/05/12 PHP
php-app开发接口加密详解
2018/04/18 PHP
Yii框架核心组件类实例详解
2019/08/06 PHP
php 多个变量指向同一个引用($b = &amp;$a)用法分析
2019/11/13 PHP
JSCode all of Brower 全局屏蔽网页右键功能 具体实现
2013/06/05 Javascript
js 实现 input type=&quot;file&quot; 文件上传示例代码
2013/08/07 Javascript
Jquery使用css方法改变样式实例
2015/05/18 Javascript
Jquery 分页插件之Jquery Pagination
2015/08/25 Javascript
BootStrap中的table实现数据填充与分页应用小结
2016/05/26 Javascript
vue.js通过自定义指令实现数据拉取更新的实现方法
2016/10/18 Javascript
详解能在多种前端框架下使用的表格控件
2017/01/11 Javascript
jQuery Pagination分页插件使用方法详解
2017/02/28 Javascript
jQuery插件开发发送短信倒计时功能代码
2017/05/09 jQuery
彻底解决 webpack 打包文件体积过大问题
2017/07/07 Javascript
详解create-react-app 自定义 eslint 配置
2018/06/07 Javascript
js使用cookie实现记住用户名功能示例
2019/06/13 Javascript
JavaScript设计模式--桥梁模式引入操作实例分析
2020/05/23 Javascript
jQuery实现移动端下拉展现新的内容回弹动画
2020/06/24 jQuery
JavaScript编写开发动态时钟
2020/07/29 Javascript
如何利用javascript接收json信息并进行处理
2020/08/06 Javascript
Python translator使用实例
2008/09/06 Python
python基础教程之获取本机ip数据包示例
2014/02/10 Python
python实现二维码扫码自动登录淘宝
2016/12/27 Python
在 Jupyter 中重新导入特定的 Python 文件(场景分析)
2019/10/27 Python
基于tensorflow指定GPU运行及GPU资源分配的几种方式小结
2020/02/03 Python
Python基于数列实现购物车程序过程详解
2020/06/09 Python
最新销售员个人自荐信
2013/09/21 职场文书
银行求职信怎么写
2014/05/26 职场文书
公益广告标语
2014/06/19 职场文书
港澳通行证委托书怎么写
2014/08/02 职场文书
党的群众路线教育实践活动查摆剖析材料
2014/10/10 职场文书
2014小学语文教师个人工作总结
2014/12/03 职场文书
2015年双拥工作总结
2015/04/08 职场文书
党员干部学法用法心得体会
2016/01/21 职场文书
分析并发编程之LongAdder原理
2021/06/29 Java/Android