加载外部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

中找到另一个示例