html引入js文件加 defer ,defer 什么作用

  • html引入js文件加 defer ,defer 什么作用已关闭评论
  • 121 次浏览
  • A+
所属分类:Web前端
摘要

在 HTML 中引入 JavaScript 文件时,可以使用 defer 属性,该属性可以推迟(defer)脚本的执行,即等到整个 HTML 文档解析完毕后才执行脚本。

在 HTML 中引入 JavaScript 文件时,可以使用 defer 属性,该属性可以推迟(defer)脚本的执行,即等到整个 HTML 文档解析完毕后才执行脚本。

使用 defer 属性可以避免在解析 HTML 文档的过程中阻塞页面的渲染,提高页面加载的速度。
同时,defer 属性还可以确保 JavaScript 文件在文档解析完成后按顺序执行,这对于依赖于其他脚本的脚本文件来说非常重要。

需要注意的是,使用 defer 属性引入的 JavaScript 文件会在 document 的 DOMContentLoaded 事件之前执行,
这意味着你可以在文档解析完毕之前执行一些 JavaScript 代码,而不会阻塞页面的渲染。