script的三种加载模式

  1. 默认加载:阻断dom树构建(html文档解析),下载资源,然后立即执行,完毕后再进行dom树构建
  2. defer 加载:下载照旧,但执行延后。即下载资源和dom构建同时进行,但等dom树构建完再执行
  3. async:下载完就立即执行,适合没有依赖的脚本。即构建dom和资源下载同时进行,资源下载完毕后立即执行。
defer和async区别:defer是等构建完dom树再执行,async是下载完就立即执行。两者在下载时都不会阻断dom树构建,而默认模式下载会阻断dom构建。所以依赖dom的适合用defer,不依赖dom的可以用async

你可能感兴趣的:(前端,javascript,html)