DOM树的原理、执行机制

• head里面就是title，用来放置标题的。
• body里面就是一些标签之类的，例如div、p、a等标签。

第二、就是要弄清楚HTML树的执行顺序：是从上到下的执行。

在执行过程中有两种情况

• 1：一直执行到最后（没有js、css加载畅通无阻）。
• 2：在执行过程中遇到js脚本，这时会暂停解析html，先下载执行js脚本。（因为接下来的js可能会修改当前的DOM结构。）
  如果执行js脚本时遇到有操作DOM的代码就又会回到主线程继续操作DOM，完了再执行js。如果js中有操作css外部样式表的需要先下载外部样式表之后再继续操作。

关于DOM ，我们需要学习的就是js常见的操作DOM 的事件和属性 理解DOM 的原理之后也就好理解为什么js脚本需要放在html底部和延迟加载了（优化的时候会考虑到）