使用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中对服务器控件 DropdownList, RadioButtonList, CheckboxList的操作总结
Jun 28 Javascript
10款非常有用的 Ajax 插件分享
Mar 14 Javascript
IE6浏览器中window.location.href无效的解决方法
Nov 20 Javascript
jQuery实现伸展与合拢panel的方法
Apr 30 Javascript
Javascript基础_嵌入图像的简单实现
Jun 14 Javascript
半个小时学json(json传递示例)
Dec 25 Javascript
Angular+Bootstrap+Spring Boot实现分页功能实例代码
Jul 21 Javascript
JS中获取 DOM 元素的绝对位置实例详解
Apr 23 Javascript
基于jQuery ztree实现表格风格的树状结构
Aug 31 jQuery
详解如何为你的angular app构建一个第三方库
Dec 07 Javascript
微信小程序接入vant Weapp组件的详细步骤
Oct 28 Javascript
Selenium执行JavaScript脚本的方法示例
Dec 31 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时间字段究竟使用INT还是DateTime的说明
2012/02/27 PHP
接收键盘指令的脚本
2006/06/26 Javascript
HTML上传控件取消选择
2013/03/06 Javascript
类似php的js数组的in_array函数自定义方法
2013/12/27 Javascript
jquery获得keycode的示例代码
2013/12/30 Javascript
举例详解Python中smtplib模块处理电子邮件的使用
2015/06/24 Javascript
JS 日期与时间戮相互转化的简单实例
2016/06/22 Javascript
VC调用javascript的几种方法(推荐)
2016/08/09 Javascript
es6的数字处理的方法(5个)
2017/03/16 Javascript
react中的ajax封装实例详解
2017/10/17 Javascript
JavaScript模拟实现封装的三种方式及写法区别
2017/10/27 Javascript
使用vue-route 的 beforeEach 实现导航守卫(路由跳转前验证登录)功能
2018/03/22 Javascript
JavaScript反射与依赖注入实例详解
2018/05/29 Javascript
Javascript格式化并高亮xml字符串的方法及注意事项
2018/08/13 Javascript
Electron中实现大文件上传和断点续传功能
2018/10/28 Javascript
使用Python中PDB模块中的命令来调试Python代码的教程
2015/03/30 Python
在Django中创建动态视图的教程
2015/07/15 Python
Python文件处理
2016/02/29 Python
python学习——内置函数、数据结构、标准库的技巧(推荐)
2019/04/18 Python
利用pytorch实现对CIFAR-10数据集的分类
2020/01/14 Python
python实现测试工具(二)——简单的ui测试工具
2020/10/19 Python
中国跨境海淘网站:考拉海购
2016/08/01 全球购物
Aquatalia官网:意大利著名鞋履品牌
2019/09/26 全球购物
美国椅子和沙发制造商:La-Z-Boy
2020/10/25 全球购物
TCP/IP中的TCP和IP分别承担什么责任
2012/04/21 面试题
个人教师自我评价范文
2013/12/02 职场文书
就业自我评价
2014/02/04 职场文书
校园绿化美化方案
2014/06/08 职场文书
运动会广播稿200米(5篇)
2014/10/15 职场文书
党的群众路线教育实践活动学习计划
2014/11/03 职场文书
大学生团员个人总结
2015/02/14 职场文书
导游词之包公祠
2019/11/25 职场文书
python爬取豆瓣电影TOP250数据
2021/05/23 Python
python 网络编程要点总结
2021/06/18 Python
Mysql Innodb存储引擎之索引与算法
2022/02/15 MySQL
Mysql 一主多从的部署
2022/05/20 MySQL