Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 如何使用jquery动态加载js,css文件实现代码

如何使用jquery动态加载js,css文件实现代码

发布时间:2013-12-03   编辑:www.jquerycn.cn
在jquery中要实现动态加载js文件的方法有很多种,最简单的我们可以直接利用$.include()方法来实现,感兴趣的朋友可以参考下哈
使用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 + ">");
}
}
});

//使用方法
$.includePath = 'http://hi.baidu.com/javascript/';
$.include(['json2.js', 'jquery.tree.js', 'jquery.tree.css']);

您可能感兴趣的文章:
jquery 动态加载js的多种方法汇总
jquery动态加载与去除js代码的三种方法
使用jQuery插件创建常规模态窗口登陆效果
javascript实现MD5加密
jquery动态加载js三种方法实例
JS开发桌面端应用程序教程
jquery按需加载js与css的插件
JS如何清除IE浏览器缓存
【精品推荐】web开发人员应该知道的31个jQuery模态对话框
html5如何实现简单进度条效果?动态进度条的实现(代码示例)

关键词: jquery  加载js   
[关闭]