使用jquery动态加载Js文件和Css文件

如果你有很多关联的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（"http://www.jb51.net/include/dedeajax.js"）; $.include（"http://www.jb51.net/templets/skins/style/android.css"）;

或者：

$.includePath="www.jb51.net/html/"; $.include（[dedeajax.js","android.css"]）;

以上就是本文的全部内容，希望对大家的学习有所帮助。