defer的javascript

defer是一个HTML标签属性，用于指定浏览器在解析HTML文档时是否应该延迟执行包含该属性的JavaScript代码。 defer属性用于将JavaScript代码推迟到文档完全解析和显示之后再执行，这样可以避免JavaScript代码影响到页面的加载速度和渲染速度。所以，当使用defer属性时，需要注意脚本的依赖关系和执行顺序。

使用defer属性有几个优点：
1. 改善页面加载性能：defer属性可以让JS脚本在页面解析和渲染完成后再执行，避免阻塞页面的加载。
2. 保留脚本执行顺序：defer属性可以确保脚本按照在文档中出现的顺序执行，这对于有依赖关系的脚本很重要。
3. 支持异步加载：使用defer属性可以将脚本与页面内容的加载并行进行，加快页面的加载速度。

需要注意的是，defer属性只适用于外部脚本文件，不适用于内联脚本。另外，使用defer属性时，脚本文件必须有src属性指定外部脚本文件的路径。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [深入理解javascript中defer的作用](https://download.csdn.net/download/weixin_38670529/13209561)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [javascript延时加载之defer测试](https://download.csdn.net/download/weixin_38683488/13628517)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [浏览器环境下JavaScript脚本加载与执行探析之defer与async特性](https://download.csdn.net/download/weixin_38508497/13137269)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]