js--Script放在body或header中会阻塞吗?

164 阅读1分钟

 

默认情况下:script标签是同步执行,会发生阻塞

原因:1)浏览器解析html文件时,从上向下解析

      2)解析到DOM中的script时会暂停DOM构建

      3)脚本加载并执行完毕,才会继续向下解析

解决方案:使用 script扩展属性asynch和defer(异步下载)   async=’async’  defer=’defer’

          async加载完成后立刻执行,defer需要等到页面加载完成后执行