显示“Loading"消息，而加载外部JavaScript

Display "Loading" Message While Loading External JavaScript?

本文关键字：加载 外部 JavaScript 消息 Loading quot 显示      更新时间：2023-09-26

所以，我知道如何使用JS或jQuery等，显示一个"Loading"消息，而内容正在加载。我已经创建了一个相当大的web应用程序与许多JS依赖关系，我想显示一个"加载"消息，而所有的脚本都在加载。

我的头标签有一些<script src=…>标签在它，我想显示一个加载消息即时当用户访问页面，然后删除它当所有的脚本加载。

最好的方法是什么?

然后使用jquery的$ajax函数下载此javascript文件，下载完成后在head标签中添加script元素。

: 

// display loading message here 
 $ajax("javascriptfile.js",function(file){
  // attach downloaded file to head tag now
 });

您可能需要延迟加载脚本。这个延迟加载的最后一个例子展示了如何通过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); });
    }
};

请注意，您可以首先加载加载图像，然后在回调函数中删除它。阅读JQuery动态加载Javascript文件，你也可以使用$. getscript()做同样的事情。

你也可以在这个链接中找到另一个例子

相关文章：