使用 JS 加载器 head.js 我很难区分 head.ready() 和 head.load() 之间的细微差别。
head.ready('jquery.js', function(){//Do something});
对比
head.load('jquery.js', function(){//Do something});
据我所知,两者似乎都加载“jquery.js”,然后在加载时执行回调。但是,在实践中,我遇到了一些边缘情况,其中 head.load 在 Firefox 中无法按预期工作,这让我觉得我不明白在哪里使用 head.load 以及在哪里使用 head.ready。
最佳答案
阅读API似乎 head.load 加载了内容,但 head.ready 是一个事件监听器,你也可以向 head.load 添加一个回调也可以,但 head.load 是唯一可以真正加载资源的,head .准备好了。
编辑:一个例子
<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>
关于javascript - head.ready() 和 head.load() 有什么区别?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20396455/