JavaScript开发必知：defer和async属性的区别大揭秘！

defer和async是HTML5引入的两个新属性，它们都可以用于JavaScript脚本的src属性中，以控制脚本的执行顺序和方式。 defer属性表示浏览器应该延迟执行这个脚本，直到页面解析完成并且DOM结构已经构建完成。也就是说，脚本会在页面的主体内容完全加载完毕后执行，但不会阻塞DOM的构建。如果页面上有多个defer属性的脚本，它们会按照在HTML中出现的顺序依次执行。 async属性表示浏览器应该异步执行这个脚本，也就是说，脚本会在下载完成的同时就开始执行，而不是等到页面解析完成。如果页面上有多个async属性的脚本，它们会按照在HTML中出现的顺序依次执行，但执行的顺序可能与它们在HTML中出现的顺序不同，因为浏览器会优先执行那些已经下载完成的脚本。 defer和async的主要区别在于它们执行脚本的时机和方式。defer保证了脚本的执行顺序，但可能会阻塞DOM的构建；async保证了脚本的执行顺序，但可能会导致脚本的执行顺序与HTML中出现的顺序不同。在选择使用defer或async时，需要根据具体的需求来决定。 ######[AI写代码神器 | 253点数解答 | 2023-11-09 01:04:32]