如何使用jquery动态加载js,css文件实现代码
2018-10-12 14:01
1401 查看
使用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,css文件实现代码
- 如何使用jquery动态加载js,css文件
- 使用jquery动态加载js,css文件
- 如何实现JavaScript动态加载CSS和JS文件
- 如何使用 require.js ,实现js文件的异步加载,避免网页失去响应,管理模块之间的依赖性,便于代码的编写和维护。
- 使用jquery动态加载js,css文件 详细出处参考:http://www.jb51.net/article/35287.htm
- 使用jquery动态加载js,css文件
- 使用jquery动态加载Js文件和Css文件
- 使用jquery动态加载js,css文件
- 如何实现JavaScript动态加载CSS和JS文件
- 使用jquery动态加载Js文件和Css文件
- 如何实现JavaScript动态加载CSS和JS文件
- 一个简单的动态加载js和css的jquery代码
- 使用jquery动态加载js文件的方法
- [HTML/JS]利用JQuery的load函数动态加载其它页面的内容的实现代码代替Ifram
- 一个简单的动态加载js和css的jquery代码
- jquery动态加载js/css文件方法
- jquery动态加载js,css文件
- asp.net在使用母版页的内容页面中动态加载css和js文件的方法
- 使用jQuery动态加载js脚本文件的方法