如何快速掌握defer与async的区别？
- 内容介绍
- 文章标签
- 相关推荐
本文共计804个文字，预计阅读时间需要4分钟。
defer 和 async 是用于 JavaScript 脚本的属性。在 HTML 中，浏览器通过 script 标签加载 JavaScript 脚本。页面内的脚本可以通过设置 type 属性为 application/javascript 加载。外部脚本则是通过 type 属性为 application/javascript 来引用。页面内脚本示例：``；外部脚本示例：``。
HTML 网页中，浏览器通过<script>标签加载 JavaScript 脚本。
<!-- 页面内嵌的脚本 -->
<script type="application/javascript">
// module code
</script>
<!-- 外部脚本 -->
<script type="application/javascript" src="path/to/myModule.js">
</script>
由于浏览器脚本的默认语言是 JavaScript。
因此type="application/javascript"是可以省略。
默认情况下，浏览器是同步加载 JavaScript 脚本.
就是说渲染引擎遇到<script>标签就会停下来，等到执行完脚本，再继续向下渲染。
如果是外部脚本，还必须加入脚本下载的时间。
如果脚本体积很大，下载和执行的时间就会很长。
本文共计804个文字，预计阅读时间需要4分钟。
defer 和 async 是用于 JavaScript 脚本的属性。在 HTML 中，浏览器通过 script 标签加载 JavaScript 脚本。页面内的脚本可以通过设置 type 属性为 application/javascript 加载。外部脚本则是通过 type 属性为 application/javascript 来引用。页面内脚本示例：``；外部脚本示例：``。
HTML 网页中，浏览器通过<script>标签加载 JavaScript 脚本。
<!-- 页面内嵌的脚本 -->
<script type="application/javascript">
// module code
</script>
<!-- 外部脚本 -->
<script type="application/javascript" src="path/to/myModule.js">
</script>
由于浏览器脚本的默认语言是 JavaScript。
因此type="application/javascript"是可以省略。
默认情况下，浏览器是同步加载 JavaScript 脚本.
就是说渲染引擎遇到<script>标签就会停下来，等到执行完脚本，再继续向下渲染。
如果是外部脚本，还必须加入脚本下载的时间。
如果脚本体积很大，下载和执行的时间就会很长。