script标签中defer和async有什么不同？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了script标签中defer和async有什么不同？相关的知识，希望对你有一定的参考价值。
对比
我们可以在网址中经常看到script标签出现async以及defer的属性
- defer：script被异步加载后并不会⽴刻执⾏，而是要等到整个页面在内存中正常渲染结束后，才会执行。多 个 defer 脚本会按照它们在页面出现的顺序加载。
- async：同样是异步加载脚本，区别是脚本加载完毕后⽴即执⾏，这导致async属性下的脚本是乱序的，对于script有先后依赖关系的情况，并不适⽤。
我们可以参考MDN上关于 htmlScriptElement 的描述：https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLScriptElement
以上是关于script标签中defer和async有什么不同？的主要内容，如果未能解决你的问题，请参考以下文章