1。ネイティブJS:
/ *** JSおよびCSSファイルのロード* @Param JSondata.Pathプレフィックスパス* @Param JSondata.urlロードする必要があるJSパスまたはCSSパス* @param jsondata.typeロードする必要があるタイプJSまたはCSS ? jsondata.path: ""; if(jsondata.type == "js"){document.writeln( "<script type = 'text/javascript' src = '"+ jsondata.path+ jsondata.url+ "'> </scrip>"); } else if(jsondata.type == "css"){document.writeln( "<link rel = 'styleSheet' href = '"+jsondata.path+jsondata.url+"' type = 'text /css' />"); }} / *** jsまたはcssをヘッドにロードします* @param jsondata.path prence* @param jsondata.urlロードする必要があるJSパスまたはCSSパス* @param jsondata.type jsondata.path!=未定? jsondata.path: ""; if(jsondata.type == "js"){var _js = document.createelment( "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"] }} _js.onload = _js.onreadystatechange = null; } document.getElementsByTagname( "head")[0] .appendChild(_js); // headタグに追加} else(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); //ヘッドタグに追加}}}}2。JQUERYバージョン:
繰延オブジェクトを使用して結果を返します
var uiload = uiload || {};(function($、$ document、uiload){"sprict"; var loaded = []、promise = false、deferred = $ .deferred(); uiload.load = function(srcs){srcs = $ .isarray(srcs)?srcs:srcs.split(//s+/); defered.promise()} funcions(){function(){'。CSS')> = 0? {loaded [src] .promise = $ document.createelement( " $ document.AppendChild(SRC] = deferred.promise(href); 「スタイルシート」 }})(jquery、document、uiload);JSとCSSを動的にロードするための上記の簡単な実装コードは、私があなたと共有したすべてのコンテンツです。参照を提供できることを願っています。wulin.comをもっとサポートできることを願っています。