1. 네이티브 JS :
/*** JS 및 CSS 파일로드* @param jsondata.path prefix 경로* @param jsondata.url로드 해야하는 JS 경로 또는 CSS 경로* @param jsondata.type js 또는 css*/function loadwritefiles (jsondata) {jsondata.path! jsondata.path : ""; if (jsondata.type == "js") {docum rel = 'stylesheet'href = ' "+jsondata.path.path.path+jsondata.url+"'type = 'text/css'/> ");}}/*** js 또는 css를 머리에로드* @param jsondata.path peath* @param jsondata.url js 경로 또는 css 경로에 필요한* @param jsondata.url. 로드 해야하는 JS 또는 CSS*/함수로드로드 필스 토 헤드 (jsondata) {jsondata.path = jsondata.path! = undefined? jsondata.path : ""; if (jsondata.type == "js") {var _js = docut _js.OnreadyStateChange = function () {if (! this. this. this. this. this. _js.onload = _js.OnreadyStateChange = null; } document.getElementsByTagName ( "Head") []. AppendChild (_js); // 헤드 태그에 추가} else (jsondata.type == "CSS") {var _cs = document.createElement ( "link"); _ js.setattribute ( "tapt/css"; _ cs.setatttttttttttttttt ttipe ( "text/css"; "Stylesheet"); _ css.setattribute ( "href", jsondata.path + jsondata.url); document.getElementsByTagName ( "Head") []. AppendChild (_css); // 헤드 태그에 부여}}2. jQuery 버전 :
지연된 물체를 사용하여 결과를 반환하십시오
var uiload = uiload || {}; (function ($, $ document, uiload) { "Strict 사용"; var loaded = [], promise = false = deferred = $ .deferred (); uiload.load = function (srcs) {srcs = $ .isarray (srcs)? Deferred.promise ();} $. 각 (srcs, function (index, src) {promise = promise.then (function () {return src.indexof ( '. css')> =? loadcss (src) : loadscript (src);}); {if (로드 된 [src]) returned [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.apbody.apbody.appleChild (script);로드 된 [src] = 연기; return deferred.promise ();}; var loadcss = function (href) {if (href]) retoded [href] .promise (); var syste = $. varwered (); $ 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.head.head.head. = 연기; return deferred.promise ();}}) (jQuery, document, uiload);위는 편집자가 소개 한 동적로드 JS 및 CSS를위한 예제 코드입니다. 나는 그것이 당신에게 도움이되기를 바랍니다!