乐闻世界logo
搜索文章和话题

script标签中的“async”和“defer”属性的作用是什么?

浏览41
7月18日 00:34

在HTML中,<script>标签的asyncdefer属性用于控制外部JavaScript文件的加载和执行方式。

  • async属性:当使用async属性时,脚本文件会被异步加载。这意味着脚本文件的下载会在HTML解析的同时进行,但不保证脚本会按顺序执行。一旦脚本下载完毕,它会立即执行,同时HTML的解析可能会暂停,直到脚本执行完毕。

  • defer属性:使用defer属性时,脚本文件也会异步加载,但脚本的执行会被推迟到整个HTML文档解析完毕后。这保证了脚本的执行顺序是按照它们在HTML文档中出现的顺序。

总的来说,这两个属性都是为了改善页面的加载时间与用户体验,但async适用于那些不依赖于其他脚本且脚本顺序执行不重要的场景,而defer则适用于需要保证脚本执行顺序的场景。

标签:PWA