当前位置：首页 > 前端 > 正文内容

script中defer和async区别

放牧的风4年前 (2021-05-25)前端1995

主要记录下defer和async的区别:
在没有defer或者async的情况下,会立即执行脚本,所以通常建议把script放在body最后

<script src="script.js"></script>

有async的话,加载和渲染后续文档元素的过程将和 script.js 的加载与执行并行进行（异步）。
但是多个js文件的加载顺序不会按照书写顺序进行

<script async src="script.js"></script>

有derer的话,加载后续文档元素的过程将和 script.js 的加载并行进行（异步），但是 script.js 的执行要在所有元素解析完成之后，DOMContentLoaded 事件触发之前完成,并且多个defer会按照顺序进行加载。

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

所以区别主要在于一个执行时间,defer会在文档解析完之后执行,并且多个defer会按照顺序执行,而async则是在js加载好之后就会执行,并且多个async,哪个加载好就执行哪个

扫描二维码推送至手机访问。

标签: JavaScript defer async

分享给朋友：

返回列表

ArcGIS API for JavaScript 4.X 版本升级后，API发生了很大的变化。其中就支持了WebEarth展示，主要是通过 esri/views/SceneView 实现的。在新版本中，默认都是加载Es...

用chrome来调试页面，每次刷新会弹出 requested without authorization,是因为更新后的bug，可以在Setting - debugger中设置 ...

我们知道HTTP协议是通过HTTP请求和HTTP响应来实现双向通信的。 HTTP状态码（HTTP Status Code）是用以表示Web服务器HTTP响应状态的3位数字代码，由RFC 2616规范定义。合理的状态码不仅可以让用...

像C语言这样的底层语言一般都有底层的内存管理接口，比如 malloc()和free()。相反，JavaScript是在创建变量（对象，字符串等）时自动进行了分配内存，并且在不使用它们时“自动”释放。释放的过程称为垃圾回收。这个“...

概述浏览器的缓存机制也就是我们说的HTTP缓存机制，其机制是根据HTTP报文的缓存标识进行的，所以在分析浏览器缓存机制之前，我们先使用图文简单介绍一下HTTP报文，HTTP报文分为两种：HTTP请求(Request)报文，报文格式为：请求行...