13

如何设置两个外部asyncJavascript 文件的加载和执行顺序?

鉴于以下...

<script src="framework.js" async></script> // Larger file
<script src="scripts.js" async></script> // Small file

虽然由于文件大小的原因,排在第二位的scripts.js是下载和执行,但依赖于.framework.jsscripts.jsframework.js

有没有办法在保持async属性的同时指定加载和执行顺序?

4

2 回答 2

20

defer如果要保留执行顺序,则要使用。它的作用是defer异步下载脚本,但将执行推迟到 html 解析完成。

<script src="framework.js" defer></script>
<script src="scripts.js" defer></script>

但是,一旦脚本数量增加,您可能希望开始创建自定义包。

你可以在这里看到区别

于 2015-03-06T06:43:31.237 回答
3

如果您需要 IE9 的解决方案(因为它不支持该defer属性),我创建了一个小型加载器脚本:

https://github.com/mudroljub/js-async-loader

它异步加载所有脚本,然后按顺序执行它们。

于 2015-11-26T20:53:27.673 回答