javascript - 如何显示页面加载html文件直到页面加载完成？

Question

我需要一个不同的页面加载器文件(例如:loader.html)，其中我只有 loader.gif 图像，其某些 css 样式不在同一中>index.html 文件。所以现在我想在加载之前加载我的 index.html 文件，我想显示我的 loader.html 文件，如果我加载的所有内容隐藏 loader。 html 文件并显示 index.html 文件内容。 希望你明白我在说什么，请帮忙:)

我尝试了这段代码:

$(window).load(function(){
    if($("body").load("loader.html").fadeOut(5000)){
        $("loader.html").hide();
        $("index.html").show();
    }
});

Answer 1

.load( url [, data ] [, complete ] ) $.load

$(window).load(function(){
  $("body").load("loader.html", function(){
    /* place code need to executed after loader.html load */
  });
});