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

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


     


     


     


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


 




 




 




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

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

   

   

   
，提高页面加载的速度  


     


     


     


。

同时   

     

     

     

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



  




  




  




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


 




 




 




 。

需要注意的是  


  


  


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

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




   




   




   




 ，而不会阻塞页面的渲染   

   

   

   
。