DOM 加载 和 Javascript 的加载与执行顺序

DOM 简介

DOM 是 Document Object Model(文档对象模型)的缩写。HTML 的构成就是DOM,网页就是一个文档,是一个有结构的文档。HTML DOM 定义了访问和操作 HTML 文档的标准方法。DOM 将 HTML 文档表达为树结构。HTML DOM 树如下:

HTML DOM Node Tree

每个元素都可与看做一个对象,每个对象都叫做一个节点(node)

浏览器的渲染步骤:

1、解析HTML

2、加载外部脚本和样式表

3、脚本在文档内解析并执行

4、构造HTML DOM模型

5、加载图片以及外部内容

6、网页加载完毕

因此,外部 js 会在 DOM 构造之前执行,那么显然外部 js 也无法访问 DOM 文档模型。所以一般把可执行的脚本放在页面初始化时间处理函数中。这样的话就能确保文档加载完毕再执行脚本。

JS 加载与执行顺序

对于一个HTML文档,浏览器的解析顺序为:按照文档流,从上到下逐步解析页面的结构。JavaScript代码作为通过标签嵌入或引入的脚本,也HTML文档的组成部分。因此,JavaScript代码在装载时的执行顺序也是根据脚本标签

你可能感兴趣的:(DOM 加载 和 Javascript 的加载与执行顺序)