这篇文章主要介绍了使用 jquery 动态加载 Js 文件和 CSS 文件的方法,感兴趣的小伙伴们可以参考一下
jQuery 是一个兼容多浏览器的 javascript 框架,核心理念是 write less,do more(写得更少, 做得更多)。jQuery 在 2006 年 1 月由美国人 John Resig 在纽约的 barcamp 发布,吸引了来自世界各地的众多 JavaScript 高手加入,由 Dave Methvin 率领团队进行开发。
如果你有很多关联的 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.phperz.com/include/dedeajax.js');
- $.include('http://www.phperz.com/templets/skins/style/android.css');
或者:
- $.includePath='www.phperz.com/html/';
- $.include([dedeajax.js','android.css']);
来源: http://www.phperz.com/article/17/0218/269010.html