麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

動態(tài)加載js、css的簡單實現(xiàn)代碼

2019-11-20 09:54:33
字體:
供稿:網(wǎng)友

一、原生js:

/**     * 加載js和css文件     * @param     jsonData.path        前綴路徑     * @param     jsonData.url        需要加載的js路徑或css路徑     * @param     jsonData.type        需要加載的類型 js或css    */     function loadWriteFiles(jsonData)     {       jsonData.path = jsonData.path != undefined ? jsonData.path : "";       if(jsonData.type == "js")       {        document.writeln("<script type='text/javascript' src='"+ jsonData.path + jsonData.url+"'></script>");       }       else if(jsonData.type == "css")       {        document.writeln("<link rel='stylesheet' href='"+jsonData.path + jsonData.url+"' type='text/css' />");       }     }          /**     * 加載js或css到head中     * @param     jsonData.path        前綴路徑     * @param     jsonData.url        需要加載的js路徑或css路徑     * @param     jsonData.type        需要加載的類型 js或css     */     function loadFilesToHead(jsonData)     {       jsonData.path = jsonData.path != undefined ? jsonData.path : "";       if(jsonData.type == "js")       {         var _js = document.createElement("script");         _js.setAttribute("type", "text/javascript");         _js.setAttribute("src", jsonData.path + jsonData.url);         _js.onload = _js.onreadystatechange=function(){            if(!this.readyState||this.readyState=='loaded'||this.readyState=='complete'){              if("function" == typeof(jsonData["callback"]) && jsonData["callback"]){                jsonData["callback"].call(this);             }           }            _js.onload=_js.onreadystatechange=null;          }          document.getElementsByTagName("head")[0].appendChild(_js);//追加到head標簽內(nèi)       }       else if(jsonData.type == "css")       {         var _css = document.createElement("link");         _js.setAttribute("type", "text/css");         _css.setAttribute("rel", "stylesheet");         _css.setAttribute("href", jsonData.path + jsonData.url);         document.getElementsByTagName("head")[0].appendChild(_css);//追加到head標簽內(nèi)       }     }

二、jquery版本:

采用deferred對象返回結(jié)果

var uiLoad = uiLoad || {};(function($, $document, uiLoad) {  "use strict";  var loaded = [],  promise = false,  deferred = $.Deferred();  uiLoad.load = function (srcs) {    srcs = $.isArray(srcs) ? srcs : srcs.split(//s+/);    if(!promise){      promise = deferred.promise();    }   $.each(srcs, function(index, src) {    promise = promise.then( function(){      return src.indexOf('.css') >=0 ? loadCSS(src) : loadScript(src);    } );   });   deferred.resolve();   return promise;  };  var loadScript = function (src) {    if(loaded[src]) return loaded[src].promise();    var deferred = $.Deferred();    var script = $document.createElement('script');    script.src = src;    script.onload = function (e) {      deferred.resolve(e);    };    script.onerror = function (e) {      deferred.reject(e);    };    $document.body.appendChild(script);    loaded[src] = deferred;    return deferred.promise();  };  var loadCSS = function (href) {    if(loaded[href]) return loaded[href].promise();    var deferred = $.Deferred();    var style = $document.createElement('link');    style.rel = 'stylesheet';    style.type = 'text/css';    style.href = href;    style.onload = function (e) {      deferred.resolve(e);    };    style.onerror = function (e) {      deferred.reject(e);    };    $document.head.appendChild(style);    loaded[href] = deferred;    return deferred.promise();  }})(jQuery, document, uiLoad);

以上這篇動態(tài)加載js、css的簡單實現(xiàn)代碼就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持武林網(wǎng)。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 中文字幕精品在线视频 | 黄视频网站免费观看 | 2级毛片| 久久99国产精品免费网站 | 国产日韩大片 | 毛片电影在线看 | 欧美一级淫片免费播放口 | 日本视频在线播放 | 全黄裸片武则天一级第4季 偿还电影免费看 | 羞羞网站入口 | 日韩在线播放第一页 | 在线观看一区二区三区四区 | av成人一区二区 | 中文字幕精品一二三四五六七八 | 干一夜综合 | av不卡免费在线 | 国产一级91| 夜夜夜精品视频 | 亚洲αv| sm高h视频| 看个毛片| 国产精品啪 | 国产午夜网 | 国产精品久久久久久久久久久久午夜 | 精品一区二区三区欧美 | 日本在线看 | 97人操 | 精品国产99久久久久久宅男i | 成人免费观看49www在线观看 | japanese末成年free | 久热久操 | 特黄一区二区三区 | 91久久精品一二三区 | 欧美日韩手机在线观看 | 男女生羞羞视频网站在线观看 | 国产精品久久久久久久av | 成年人免费黄色片 | 在线天堂资源 | 精品国产一区二区三区在线观看 | 国产99免费 | 中文字幕一区久久 |