加載外部JavaScript時顯示「正在加載」消息？

Question

因此，我知道如何使用JS或jQuery等來顯示加載內容時的「加載」消息。我已經創建了一個相當大的Web應用程序與一些JS依賴關係，我想在加載所有腳本時顯示「加載」消息。

我的頭標籤擁有一批在它<script src=…>標籤，我想，當用戶訪問該頁面顯示加載消息瞬間，然後當所有的腳本加載刪除它。

這樣做的最好方法是什麼？

Answer 1

然後使用jquery的$ ajax函數在下載完成後下載此JavaScript文件和頭標記中的添加腳本元素。

這樣的：

// display loading message here 

$ajax("javascriptfile.js",function(file){ 

    // attach downloaded file to head tag now 

}); 

Answer 2

你可能需要的腳本的延遲加載。這個Lazy Loading的最後一個例子顯示通過YUI加載.js。從該例子的代碼如下供您參考：

var HelloWorld = { 
    is_loaded: false, 
    lazyLoad: function(callback) { 
     var loader = new YAHOO.util.YUILoader(); 
     loader.addModule({ 
      name: "helloworld", 
      type: "js", 
      fullpath: "yui_ex/helloworld.js" 
     }); 
     loader.require("helloworld"); 
     if (callback) { 
      loader.onSuccess = callback; 
     } 
     loader.insert(); 
    }, 
    sayIt: function() { 
     var args = arguments; 
     HelloWorld.lazyLoad(function() { HelloWorld.sayIt.apply(HelloWorld, args); }); 
    } 
}; 

請注意，你可能開始加載加載圖像，並在回調函數刪除它。讀SO問題JQuery to load Javascript file dynamically，你也可以使用$.getScript()做同樣的事情。

您還可以在this link

中找到另一個示例