Question

我的页面使用了javascript文件的数量（在<head>标签内，所有这些都有$（function（）{...}）

<head>
     <script type="text/javascript" src="jquery-1.7.min.js"></script>

     <script type="text/javascript" src="A.js"></script>
     <script type="text/javascript" src="B.js"></script>
      ...
     <script type="text/javascript" src="E.js"></script>
</head>

所以我想知道的是：

1）脚本A（$（function（）{....}）的就绪函数是否会等到所有其他脚本都加载（A到E）？

2）按照<head>标签内的文件顺序执行所有就绪功能必要性的顺序（例如 - A的第一个就绪功能....和E）的最后准备功能？

我要问所有这些的原因是因为脚本之间存在一些依赖关系。因此只有在A 完成等的就绪功能之后才需要执行B的就绪功能......

Answer 1

document.ready函数将按脚本加载的顺序执行。您可以通过将console.log("a")放入a.js，console.log("b")放入b.js等来轻松测试，并在加载页面时观看控制台。

当加载DOM时，它们将一个接一个地触发，其中包括脚本。因此，DOM的所有脚本都将在执行document.ready时加载。

Answer 2

1。）document.ready不会等待其他文件下载。它只等待DOM加载。

2.）它会根据您放置脚本的顺序依次触发。

当有多个脚本时，就绪函数的执行顺序

2 个答案: