jQuery의 지연된 객체를 사용하여 JS 파일을 비동기적이고 순차적으로 로드하세요_jquery

/*
JavaScript 비동기 로드
loadScript.load(["a.js", "b.js"])
*/
var loadScript = (function( ) {
var loadOne = function (url) {
var dtd = $.Deferred()
var node = document.createElement('script')
node.type = "text/ javascript";
var onload = function(){
dtd.resolve();
};
$(node).load(onload).bind('readystatechange', function(){
if (node.readyState == 'loaded'){
onload();
}
})
document.getElementsByTagName('head')[0].appendChild(node );
node.src = url;
return dtd.promise();
}
var load = function(urls) {
if(!$.isArray(urls)) {
return load([ urls]);
}
var ret = []
for (var i = 0; i < urls.length; i ) {
ret[ i] = loadOne(urls[i ]);
return $.when.apply($, ret)
return {
load: 로드
} ;
})() ;


코드는 비교적 간단하므로 여기서는 설명하지 않습니다.

var b = "i am in a .js";


b.js:

var b = "i am in b.js";


b를 로드하려는 경우 .js 다음에 a.js, 예시 코드는 다음과 같습니다.

<제목> 비동기식 JavaScript


/body>



결과는 다음과 같습니다.