为了方便资源管理和提升工作效率,常用的js和css文件的加载应该放在一个统一文件里面完成,也方便后续的资源维护。所以我用js写了以下方法,存放在“sourceController.js”文件内。 /** * Created by Adm ...
为了方便资源管理和提升工作效率,常用的js和css文件的加载应该放在一个统一文件里面完成,也方便后续的资源维护。所以我用js写了以下方法,存放在“sourceController.js”文件内。
/** * Created by Administrator on 2016/9/10. */function sourceController(){ var root = ""; // 根路径 this.opt = { root : root }; // css存储路径 this.css = { css0 : "javaScript/bootstrap/css/bootstrap.css", css1 : "css/iconfont/iconfont.css" }; // js存储路径 this.script = { script0 : "javaScript/jquery.js", script1 : "javaScript/bootstrap/js/bootstrap.js" }; /* 设置文件根目录 * @param url 根目录地址 */ this.setRoot = function(url){ root = url; }; /* 添加常用资源 */ this.addSource = function(){ addMeta([["http-equiv", "X-UA-Compatible"],["content", "IE=edge"]]); addMeta([["name", "viewport"],["content", "width=device-width, initial-scale=1"]]); for (var i = 0; i < Object.getOwnPropertyNames(this.css).length; i++){ this.addCss(this.css["css" + i]); } for (var i = 0; i < Object.getOwnPropertyNames(this.script).length; i++){ this.addScript(this.script["script" + i]); } }; /* 添加Script文件 * @param url script文件路径 */ this.addScript = function(url){ var script = document.createElement("script"); script.setAttribute("type","text/javascript"); if (root != "") { url = root + "/" + url; } script.src = url; setTimeout(function(){ document.getElementsByTagName("head")[0].appendChild(script); },1); // 为了保证顺序加载完整 }; /* 添加CSS文件 * @param url css文件路径 */ this.addCss = function(url){ var css = document.createElement("link"); css.setAttribute("rel", "stylesheet"); if (root != "") { url = root + "/" + url; } css.href = url; document.getElementsByTagName("head")[0].appendChild(css); }; /* 回调函数 * @param func 回调方法 */ this.callback = function(func){ setTimeout(func,50); // 为了让文件加载完成,页面排布完毕 }; /* 添加meta * @param attr meta属性,为二维数组 */ function addMeta(attr){ var meta = document.createElement("meta"); for (var i = 0; i < attr.length; i++){ meta.setAttribute(attr[i][0], attr[i][1]); } document.getElementsByTagName("head")[0].appendChild(meta); }}
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com
原标题:如何统一加载常用js和css文件
关键词:JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。