domReady的理解
domReady
是名为DOMContentLoaded
事件的别称,当初始的HTML
文档被完全加载和解析完成之后,DOMContentLoaded
事件被触发,而无需等待样式表、图像和子框架的完全加载。
描述
浏览器渲染DOM
结构是有一定顺序的,虽然不同浏览器的实现各有不同,但是基本流程都大致相同:
- 自上而下,首先解析
HTML
标签,生成DOM Tree
。 - 在解析到
<link>
或者<style>
标签时,开始解析CSS
,生成CSSOM
,值的注意的是此时解析HTML
标签与解析CSS
是并行执行的。 - 当遇到
<script>
标签后,浏览器会立即开始解析脚本,并停止解析文档,因为脚本有可能会改动DOM
与CSS
,继续解析会浪费资源,所以应当将<script>
标签放于