欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-05-03 20:22:40
使用jquery动态加载js,css文件 . 代码如下: $.extend({ includepath: '', include: function(file) { var fil...

使用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 = 'https://hi.baidu.com/javascript/';
$.include(['json2.js', 'jquery.tree.js', 'jquery.tree.css']);