等待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()代码放在和所有其他脚本的末尾？！