1。ネイティブJS:
/*** JSおよびCSSファイルをロード* @param jsondata.pathプレフィックスパス* @param jsondata.urlロードする必要があるJSパスまたはCSSパス* @param jsondata.type jsまたはcss*/function loadwritefiles(jsondata.path.path.path.path.patta.path.path.path.path.path.path.pathwritefiles(jsondata) jsondata.path: ""; if(jsondata.type == "js"){document.writeln( "<script type = 'text/javascript' src = '"+ jsondata.path+ jsondata.url+ "'> </scrip>";} "css"){document.writeln( "<link rel = 'styleSheet' href = '"+jsondata.path+jsondata.url+"' type = 'text/css'/>");}/*** jsまたはcssをヘッドにロードしますロードする必要があります* @param jsondata.type loadfileStohead(jsondata){jsondata.path = jsondata.path!=未定義? jsondata.path: ""; if(jsondata.type == "js"){var _js = document.createelement( "script"); _ js.setattribute( "type"、 "text/javascript"); _ js.setattribute( "src"、jsondata.path + jsondata.urll _js.onedystatechange = function(){if(!this.readystate || this.readystate == 'loaded' || this.readystate == 'complete'){if( "function" == typeof(jsondata ["callback"])&& jsondata ["callback"] {jsondata ["call(call(call(call(callbback"]){jsondata」 _js.onload = _js.onreadystatechange = null; } document.getElementsByTagname( "head")[]。appendChild(_js); // headタグに追加} else(jsondata.type == "css"){var _css "){var _css = document.createelement(" link "); _ js.setattribute(" Type "、" rel/cs "); "styleSheet"); _ css.setattribute( "href"、jsondata.path + jsondata.url); document.getElementsBytagname( "head")[]。2。JQUERYバージョン:
繰延オブジェクトを使用して結果を返します
var uiload = uiload || {};(function($、$ document、uiload){"sprict"; var loaded = []、promise = false、deferred = $ .deferred(); uiload.load = function(srcs){srcs = $ .isarray(srcs)?src:srcs.split(/s+/); deferred.promise();} $ {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); {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 = $ .defered(); $ 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の動的読み込みの例のコードです。それがあなたに役立つことを願っています!