defer async优先级
时间: 2024-06-06 20:08:26 浏览: 205
前端大师-高级Web开发测验
在浏览器中,defer和async都可以使页面的JavaScript异步加载,提高页面加载速度。它们的优先级如下:
1. defer:defer属性告诉浏览器,要等到整个页面解析完毕后再执行JavaScript代码。defer会保证JavaScript代码按照它们在页面中出现的顺序执行,并且在DOMContentLoaded事件之前执行。如果有多个defer脚本,它们会按照它们在页面中出现的顺序执行。defer的优先级高于async。
2. async:async属性告诉浏览器,要异步加载JavaScript文件,不会阻塞页面的解析和渲染。当浏览器加载到async脚本时,会立即开始下载,并继续解析页面。然而,async脚本的执行顺序是不确定的,它们可能会在页面的任何地方执行,并且可能在DOMContentLoaded事件之前或之后执行。如果有多个async脚本,它们的执行顺序是不确定的。async的优先级低于defer。
阅读全文