等待head.ready（）和$（document）.ready（），然后执行

Question

我准备在文档准备好并且所有脚本加载完成之后执行一些代码。 我使用head.js加载脚本：

$(document).ready(function () {
    head.js("script1.js", "script2.js", function() {
        // code to execute
    });
});

这样做会使开始加载脚本等待$（document）.ready（）。 为了避免性能下降，似乎最好尽快开始加载脚本。

在执行代码块之前，是否有更好的方法来确保文档和脚本已完全加载？

Answer 1

最好交换代码。

head.js("script1.js", "script2.js", function() {
    $(document).ready(function () {
        // code to execute
    });
});

脚本立即开始加载，完成后便等待文档准备就绪，然后开始执行。

如果将脚本移到结束body标记之前，然后一起删除domready处理程序，那就更好了。

Answer 2

您可以使用.load首先加载所有内容，然后执行所有内容：

$(window).load(function () {
    head.js("script1.js", "script2.js", function() {
    // code to execute
    });
});

Answer 3

将$（document）.ready（）代码放在和其他所有脚本中？

Answer 4

您使方法变得过于复杂。 如果要先加载文档，然后加载脚本，然后可以执行一些代码，则只需将脚本标签放在文档末尾</body>之前，如下所示：

<head>
</head>
<body>

Your regular HTML content here
<script src="script1.js"></script>
<script src="script2.js"></script>
<script>
// Put code here that you want to execute when document and scripts are ready
</script>
</body>

您不必因为所描述的简单原因而通过回调进行动态加载。

等待head.ready（）和$（document）.ready（），然后执行

问题描述

4 个解决方案

解决方案1
1 已采纳 2012-12-19 18:56:40

解决方案2
0 2012-12-19 18:53:07

解决方案3
0 2012-12-19 18:56:35

解决方案4
0 2012-12-19 19:08:26

等待head.ready（）和$（document）.ready（），然后执行

问题描述

4 个解决方案

解决方案1 1 已采纳 2012-12-19 18:56:40

解决方案2 0 2012-12-19 18:53:07

解决方案3 0 2012-12-19 18:56:35

解决方案4 0 2012-12-19 19:08:26

解决方案1
1 已采纳 2012-12-19 18:56:40

解决方案2
0 2012-12-19 18:53:07

解决方案3
0 2012-12-19 18:56:35

解决方案4
0 2012-12-19 19:08:26