[软技能] 第1393天浏览器在渲染时遇到javascript文件要怎么处理？分如下几种情况： <script> 中没

分如下几种情况：

<script> 中没有 defer 或 async ，浏览器会立即加载并执行指定的脚本，也就是说不等待后续载入的文档元素，读到就加载并执行。
<script> 中有 async 属性表示异步执行引入的 JavaScript ，与 defer 的区别在于，如果已经加载好，就会开始执行——无论此刻是 HTML 解析阶段还是 DOMContentLoaded 触发之后。需要注意的是，这种方式加载的 JavaScript 依然会阻塞 load 事件。换句话说，async-script 可能在 DOMContentLoaded 触发之前或之后执行，但一定在 load 触发之前执行。
<script> 中有 defer 属性表示延迟执行引入的 JavaScript ，即这段 JavaScript 加载时 HTML 并未停止解析，这两个过程是并行的。整个 document 解析完毕且 defer-script 也加载完成之后（这两件事情的顺序无关），会执行所有由 defer-script 加载的 JavaScript 代码，然后触发 DOMContentLoaded 事件。
有 defer 属性的 <script> 相比普通 <script> ，有两点区别：载入 JavaScript 文件时不阻塞 HTML 的解析，执行阶段被放到 HTML 标签解析完成之后。在加载多个JS脚本的时候， async 是无顺序的加载，而 defer 是有顺序的加载。