使用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 自定义的联动下拉框
Feb 07 Javascript
jquery实现预览提交的表单代码分享
May 21 Javascript
使用AngularJS处理单选框和复选框的简单方法
Jun 19 Javascript
基于jQuery的ajax方法封装
Jul 14 Javascript
利用Angularjs和Bootstrap前端开发案例实战
Aug 27 Javascript
微信小程序 摇一摇抽奖简单实例实现代码
Jan 09 Javascript
javascript实现动态显示颜色块的报表效果
Apr 10 Javascript
Vue.js devtool插件安装后无法使用的解决办法
Nov 27 Javascript
vue better scroll 无法滚动的解决方法
Jun 07 Javascript
详解React中setState回调函数
Jun 14 Javascript
Vue CLI3中使用compass normalize的方法
May 30 Javascript
在vue中import()语法不能传入变量的问题及解决
Apr 01 Vue.js
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获取数组中某元素的位置及array_keys函数应用
2013/01/29 PHP
完美解决thinkphp唯一索引重复时出错的问题
2017/03/31 PHP
使用jQuery实现的网页版的个人简历(可换肤)
2013/04/19 Javascript
ExtJS判断IE浏览器类型的方法
2014/02/10 Javascript
教你如何自定义百度分享插件以及bshare分享插件的分享按钮
2014/06/20 Javascript
easyui Droppable组件实现放置特效
2015/08/19 Javascript
JSON 必知必会 观后记
2016/10/27 Javascript
概述BootStrap中role=&quot;form&quot;及role作用角色
2016/12/08 Javascript
angularjs+bootstrap菜单的使用示例代码
2017/03/07 Javascript
jquery 禁止鼠标右键并监听右键事件
2017/04/27 jQuery
详解基于 axios 的 Vue 项目 http 请求优化
2017/09/04 Javascript
微信小程序表单验证功能完整实例
2017/12/01 Javascript
js操作table中tr的顺序实现上移下移一行的效果
2018/11/22 Javascript
vue-cli 3 全局过滤器的实例代码详解
2019/06/03 Javascript
关于layui 弹出层一闪而过就消失的解决方法
2019/09/09 Javascript
vue el-table实现行内编辑功能
2019/12/11 Javascript
小程序选项卡以及swiper套用(跨页面)
2020/06/19 Javascript
如何在Vue中使localStorage具有响应式(思想实验)
2020/07/14 Javascript
Python实现的HTTP并发测试完整示例
2020/04/23 Python
Python常用的文件及文件路径、目录操作方法汇总介绍
2015/05/21 Python
python使用 request 发送表单数据操作示例
2019/09/25 Python
详解Django3中直接添加Websockets方式
2020/02/12 Python
Python逐行读取文件内容的方法总结
2020/02/14 Python
Python ellipsis 的用法详解
2020/11/20 Python
python基于selenium爬取斗鱼弹幕
2021/02/20 Python
利用python实现汉诺塔游戏
2021/03/01 Python
给男朋友的道歉信
2014/01/12 职场文书
人力资源主管岗位职责
2014/01/29 职场文书
捐款倡议书范文
2014/02/02 职场文书
网站美工岗位职责
2014/04/02 职场文书
青年文明号口号
2014/06/17 职场文书
群教个人对照检查材料
2014/08/20 职场文书
上诉答辩状范文
2015/05/22 职场文书
党支部考察鉴定意见
2015/06/02 职场文书
老生常谈 使用 CSS 实现三角形的技巧(多种方法)
2021/04/13 HTML / CSS
阿里云k8s服务升级时502错误 springboot项目应用
2022/04/09 Servers