【问题标题】:execution order of the ready function when there are number of scripts有多个脚本时就绪函数的执行顺序
【发布时间】:2013-01-17 13:27:13
【问题描述】:

我的页面使用了一些 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) 按照&lt;head&gt; 标签内的文件顺序执行所有就绪函数necessity的顺序(e.g - A..的第一个就绪函数) ..和 E) 的 last-ready 函数?

我问所有这些的原因是因为脚本之间存在一些依赖关系。这样B的ready函数只需要在A的ready函数done等之后执行……

【问题讨论】:

    标签: jquery


    【解决方案1】:

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

    当 DOM 加载时,它们会一个接一个地触发,其中包含脚本。所以 DOM 中的所有脚本都会在 document.ready 执行时加载。

    【讨论】:

      【解决方案2】:

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

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

      【讨论】:

        猜你喜欢
        • 2016-11-22
        • 1970-01-01
        • 2018-03-02
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2016-08-15
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多