html中怎么引入js文件（html引入js文件加 defer ，defer 什么作用）

在 HTML 中引入 JavaScript 文件时    
    
    
  ，可以使用 defer 属性  


     


     


     
，该属性可以推迟（defer）脚本的执行


 




 




 




，即等到整个 HTML 文档解析完毕后才执行脚本    
    
    
  。

使用 defer 属性可以避免在解析 HTML 文档的过程中阻塞页面的渲染   

   

   

 ，提高页面加载的速度  


     


     


     
。

同时   

     

     

     ，defer 属性还可以确保 JavaScript 文件在文档解析完成后按顺序执行



  




  




  




，这对于依赖于其他脚本的脚本文件来说非常重要


 




 




 




。

需要注意的是  


  


  


，使用 defer 属性引入的 JavaScript 文件会在 document 的 DOMContentLoaded 事件之前执行    
     
     
     ，

这意味着你可以在文档解析完毕之前执行一些 JavaScript 代码




   




   




   



，而不会阻塞页面的渲染   

   

   

 。