时间:2021-05-18
使用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']);
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
jquery动态加载css,js文件方法简单很,例方法1:代码如下复制代码代码如下:$.getscript("test.js");方法2:代码如下复制代码代码如
EasyLoader是可以动态加载脚本和CSS文件,也可以动态加载EasyUI已有组件需要引用EasyLoader.js文件,注意:这里就不需要引用jquery
如果你有很多关联的CSS文件要一起加载,或者想动态的加载不同的CSS文件,那么下面的方法你一定对你有帮助。Jquery动态加载Js和Css扩展方法$.exten
动态载入JavaScript/Csss文件传统加载外部JavaScript(*.js)或者Css(*.css)文件的方法是直接在标签里面进行添加:复制代码代码如
项目中需要用到动态加载CSS文件,整理了一下,顺便融合了动态加载JS的功能写成了一个对象,先上代码:vardynamicLoading={css:functio