如何使用jquery动态加载js,css文件实现代码
更新时间：2013年04月03日 16:21:39 作者：
在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']);
复制代码 代码如下:
$.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的事件操作和文档操作进行实例的分享，具有很好的参考价值，需要的朋友一起来看下吧2016-12-12
jQuery+Ajax+PHP弹出层异步登录效果(附源码下载)
本文我们给大家介绍如何使用jQuery+Ajax+PHP弹出层异步登录的应用。感兴趣的朋友通过本文学习吧2016-05-05
这篇文章主要介绍了jquery动画特效结合css实现侧边弹出的垂直导航的方法及代码分享,需要的朋友可以参考下2014-12-12
jQuery动画效果-slideUp slideDown上下滑动示例代码
jQuery动画上下滑动效果在网页中的应用还是比较广泛的，其实很简单通过slideUp slideDown方法便可轻松实现，具体如下，喜欢的朋友可以参考下，希望对大家学习jquery有所帮助2013-08-08
jQuery插件slicebox实现3D动画图片轮播切换特效
Slicebox是一款效果非常华丽的jquery和css3 3d幻灯片插件。Slicebox幻灯片插件能够将图片切片，然后做3d旋转。Slicebox幻灯片插件共有4种效果，视觉冲击感非常强。2015-04-04
这篇文章主要介绍了Jquery UI实现一次拖拽多个选中的元素操作，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-10-10
这篇文章主要介绍了JQuery上传插件Uploadify使用，文章给出详细的步骤来实现一个简单的上传功能，感兴趣的小伙伴们可以参考一下2016-01-01
这篇文章主要介绍了jQuery实现的分子运动小球碰撞效果,涉及jQuery基于定时函数操作页面元素动态变换的技巧,需要的朋友可以参考下2016-01-01
这篇文章主要介绍了PageSwitch插件实现100种不同图片切换效果,需要的朋友可以参考下2015-07-07
或许在网络上你已经见过数百种通过jQuery实现的相册，但是我们发现的这些相册，他们有额外的东西，优雅和独特的创意！每个相册都是可在线预览和免费下载的。你可以为你的Web项目添加色彩。2011-02-02
最新评论