javascript的defer和async
程序员文章站
2022-04-02 23:17:27
...
defer和async可以改变脚本的执行方式,defer表示延迟,async表示异步
当html解析器遇到<script>元素时,默认是先执行脚本,然后在进行文档的解析和渲染,这对内联样式没有什么影响,但是如果脚本源码是一个有src属性链接的外部文件时,意味着在脚本下载和执行之前,文档的内容都不会展现给客户。
defer使脚本延迟加载,直到文档的加载和解析完成,并可以操作.
async可以使浏览器尽快执行,在下载脚本时不用阻塞文档的解析。
如果<script>标签同时有两个属性,同时支持两者的浏览器会遵从async而忽略defer
当html解析器遇到<script>元素时,默认是先执行脚本,然后在进行文档的解析和渲染,这对内联样式没有什么影响,但是如果脚本源码是一个有src属性链接的外部文件时,意味着在脚本下载和执行之前,文档的内容都不会展现给客户。
defer使脚本延迟加载,直到文档的加载和解析完成,并可以操作.
async可以使浏览器尽快执行,在下载脚本时不用阻塞文档的解析。
如果<script>标签同时有两个属性,同时支持两者的浏览器会遵从async而忽略defer