在准备好文档的情况下异步并延迟加载

时间:2019-01-10 10:50:00

标签: javascript jquery asynchronous deferred

我想我参加聚会有点晚了,但是我真的很难理解“异步”和“推迟”。

从阅读文档中,我了解到以下混合物将允许所有“异步”以“延迟”(scripts.js)运行之前的任何顺序加载。但是,在测试中,我看到延迟的'scripts.js'在异步加载之前运行,这会导致库尚未准备好初始化的问题。

<script async src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script async src="/-/js/modernizr.js"></script>
<script async src="/-/js/fancybox.js"></script>
<script async src="/-/js/lazysizes.js"></script>
<script async src="/-/js/slideshow.js"></script>
<script async src="/-/js/form.js"></script>
<script async src="/-/js/watch.js"></script>
<script defer src="/-/js/scripts.js"></script>

'scripts.js'的内容包装在文档就绪函数中,我还认为只有在'async'脚本完全加载后才能运行:

jQuery(document).ready(function(){

从文档中,我了解到将按顺序加载任何“ defer”,因此我应该对所有对象都应用“ defer”,还是应该使用其他文档功能?

编辑-我应该提到'scripts.js'脚本依赖于其他脚本。

0 个答案:

没有答案