一、原生js: 1 /** 2 * 加载js和css文件 3 * @param jsonData.path 前缀路径 4 * @param jsonData.url 需要加载的js路径或css路径 5 ...
一、原生js:
1 /** 2 * 加载js和css文件 3 * @param jsonData.path 前缀路径 4 * @param jsonData.url 需要加载的js路径或css路径 5 * @param jsonData.type 需要加载的类型 js或css 6 */ 7 function loadWriteFiles(jsonData) 8 { 9 jsonData.path = jsonData.path != undefined ? jsonData.path : "";10 if(jsonData.type == "js")11 {12 document.writeln("<script type='text/javascript' src='/images/loading.gif' data-original='"+ jsonData.path + jsonData.url+"'></script>");13 }14 else if(jsonData.type == "css")15 {16 document.writeln("<link rel='stylesheet' href='"+jsonData.path + jsonData.url+"' type='text/css' />");17 }18 }19 20 /**21 * 加载js或css到head中22 * @param jsonData.path 前缀路径23 * @param jsonData.url 需要加载的js路径或css路径24 * @param jsonData.type 需要加载的类型 js或css25 */26 function loadFilesToHead(jsonData)27 {28 jsonData.path = jsonData.path != undefined ? jsonData.path : "";29 if(jsonData.type == "js")30 {31 var _js = document.createElement("script");32 _js.setAttribute("type", "text/javascript");33 _js.setAttribute("src", jsonData.path + jsonData.url);34 _js.onload = _js.onreadystatechange=function(){ 35 if(!this.readyState||this.readyState=='loaded'||this.readyState=='complete'){ 36 if("function" == typeof(jsonData["callback"]) && jsonData["callback"]){37 jsonData["callback"].call(this);38 }39 } 40 _js.onload=_js.onreadystatechange=null; 41 } 42 document.getElementsByTagName("head")[0].appendChild(_js);//追加到head标签内43 }44 else if(jsonData.type == "css")45 {46 var _css = document.createElement("link");47 _js.setAttribute("type", "text/css");48 _css.setAttribute("rel", "stylesheet");49 _css.setAttribute("href", jsonData.path + jsonData.url);50 document.getElementsByTagName("head")[0].appendChild(_css);//追加到head标签内51 }52 }
原标题:动态加载js、css 代码
关键词:JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。