DOM树
第一、我们要知道所谓的dom树,就是HTML树节点。我们要清楚HTML树节点有两个:head、body。
- 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底部和延迟加载了(优化的时候会考虑到)