Question

使用JS loader head.js我有点难以区分head.ready（）和head.load（）之间的细微差别。

head.ready('jquery.js', function(){//Do something});

VS

head.load('jquery.js', function(){//Do something});

据我所知，两者似乎都加载'jquery.js'然后在加载时执行回调。但是，实际上我遇到了一些边缘情况，其中head.load在Firefox中无法正常工作，这让我觉得我不知道在哪里使用head.load以及在哪里使用head.ready。

Answer 1

读取API似乎head.load加载内容，但head.ready是一个事件监听器，你也可以添加一个回调到head.load也可以工作，但head.load是只有一个能够实际加载资源的人，已经没有了。

编辑：示例

<html>
    <head>
        <script src="head.min.js"></script>
        <script>
            // this loads jquery asyncrounously & in parallel
            head.load("jquery.min.js");
        </script>
    </head>
    <body>
        <!-- some content-->

        <!-- injected via a module or an include -->
        <script>
            // some function that depends on jquery
            head.ready("jquery.min.js", function () {
                // this will only be executed once jquery has finished loading
                $(".main").hide();
            });
        </script>

        <!-- some content-->
    </body>
</html>

head.ready（）和head.load（）之间有什么区别？

1 个答案: