理解script加载的三种方式

script的三种加载方式

通常情况下,我们的script标签都是放在</body>之前,避免放在页面头部阻塞页面加载。

今天我们就来详细说一下,script的加载:同步加载、延迟加载和异步加载三种加载方式。

同步加载

 <script> </script>同步模式,脚本的获取和执行是同步的。此过程中页面被阻塞,停止解析。

  • 适用场景
      同步模式,又称阻塞模式,会阻止浏览器的后续处理,停止后续的解析,只有当当前加载完成,才能进行下一步操作。
    所以默认同步执行才是安全的。但这样如果js中有输出document内容、修改dom、重定向等行为,就会造成页面堵塞。所以一般建议把