使用 jQuery 预加载页面

Question

我想知道 preload-min.js 中的函数 $(window).on('load', function() { ... } 在触发之前是否考虑了 index.html 和 main-min.js 中的所有代码。

index.html

<html>
  <body>

    ... html code ...

    <script src="dist/main-min.js"></script>
    <script src="dist/preloader-min.js" charset="utf-8"></script>
  </body>
</html>

主要-min.js

$(document).ready(function() {

 ... js code ...

})

预加载-min.js

$(document).ready(function() {
  $(window).on('load', function() {

    ... js code ...

  });
})

Answer 1

是，preloader-min.js会等到index.html中的所有内容都加载完毕。这两个脚本的行为就像它们被放置在 index.html.

中的一个 <script> 标记中一样

使用 jQuery 预加载页面

Preloading pages with jQuery

html

jquery

preloader

document-ready