獲取正在加載的文件Javascript

Question

我有一個web應用程序正在加載大量的js文件。所以我需要在用戶第一次加載頁面時放置一個splash/loading頁面。

有沒有辦法讓特定的文件被實時加載？例如像，我想看看我的啓動畫面上..

"Loading SampleModule.js.." 

我在網上搜索，並在這裏SO，但我不能找到任何文檔，可以幫助我。我不確定我是否使用了正確的關鍵詞或什麼。

希望有人能幫助我。

Answer 1

你可能能夠與RequireJS聯繫起來，但是如果這是我的應用我會怎麼做，是解決在每個文件中的承諾，它將自己的文件名推送到應用級別的「加載」文件陣列，和您的應用程序只是那些轉儲到DOM，因爲他們進來

你也可以做這樣的事情：

var APP = { 
    $loaderMsg : $('#loading') 
}; 

$.when(
    APP.$loaderMsg.html('Loading Script 1'); 
    $.getScript('/app/js/script1.js'), 
).then(
    APP.$loaderMsg.html('Loading Script 2'); 
    $.getScript('/app/js/script2.js'), 
).then(
    APP.$loaderMsg.html('Loading Script 3'); 
    $.getScript('/app/js/script3.js'), 
).done(
    someInitFunction 
);  

Answer 2

嘗試使用jQuery API getScript加入

$.getScript("ajax/test.js", function(data, textStatus, jqxhr) { 
console.log(data); // Data returned 
console.log(textStatus); // Success 
console.log(jqxhr.status); // 200 
console.log("Load was performed."); 
}); 

有關文檔，請參閱this

希望這有助於....