JSおよびCSSインスタンスコードを動的にロードします

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の動的読み込みの例のコードです。それがあなたに役立つことを願っています！