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

首頁 > 編程 > JavaScript > 正文

動態加載js、css的實例代碼

2019-11-20 09:54:38
字體:
來源:轉載
供稿:網友

一、原生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")[].appendChild(_js);//追加到head標簽內}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")[].appendChild(_css);//追加到head標簽內}} 

二、jquery版本:

采用deferred對象返回結果

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') >= ? 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);

以上所述是小編給大家介紹的動態加載js、css的實例代碼,希望對大家有所幫助!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 婷婷中文字幕一区二区三区 | 黄色片视频在线观看 | 日韩美香港a一级毛片免费 欧美一级淫片007 | 深夜毛片免费看 | 在线日韩亚洲 | 亚洲免费视| 久久久久久久亚洲精品 | 免费看成年人网站 | xnxx 日本免费 | 久久免费视频一区 | 少妇一级淫片免费放4p | 99热高清| 亚洲成人激情av | 韩国草草影院 | 久草成人在线 | 国产91丝袜在线播放 | 毛片免费观看视频 | 欧美成年人视频在线观看 | 最新91在线视频 | 精品在线免费播放 | 免费国产一级特黄久久 | 亚洲成人在线视频网站 | 成人精品久久久 | 免费毛片免费看 | 亚洲福利在线视频 | 青青草在线免费观看 | 国产成人77亚洲精品www | 国产成人精品免高潮在线观看 | 电影一级毛片 | 久草在线观看福利 | 成人免费入口 | 99精品国产一区二区三区 | 久久色伦理资源站 | 精品国产一区二区久久 | 日韩视频精品一区 | 午夜久 | 操碰视频在线观看 | 亚洲片在线 | 久久精品国产99国产精品亚洲 | 国产盼盼私拍福利视频99 | 欧洲黄视频 |