自我介绍 DOM BOM ECMAScript

---

他们都是什么？

---

DOM:

文档对象模型(Document Object Model) 缩写为 DOM ,

DOM是W3C（万维网联盟）标准。

DOM定义了访问文档的标准：

“W3C文档对象模型（DOM）是一个平台和语言中立的接口，允许程序和脚本动态访问和更新文档的内容，结构和样式。”

W3C DOM标准分为3个不同的部分：

• 核心DOM - 所有文档类型的标准模型
• XML DOM - XML文档的标准模型
• HTML DOM - HTML文档的标准模型

HTML DOM:

HTML DOM是HTML的标准对象模型和编程接口。它定义了：

• HTML元素作为对象
• 所有HTML元素的属性
• 访问所有HTML元素的方法
• 所有HTML元素的事件

换句话说：HTML DOM是如何获取，更改，添加或删除HTML元素的标准。

放一张图方便理解：

总结：使用HTML DOM，JavaScript可以访问和更改HTML文档的所有元素。

---

BOM:

浏览器对象模型(Browser Object Model) 缩写为 BOM ,

举例一些方法，让我们更好理解BOM

- window.innerHeight - 浏览器窗口的内部高度（以像素为单位）
- window.innerWidth - 浏览器窗口的内部宽度（以像素为单位）
- window.open() - 打开一个新窗口
- window.close() - 关闭当前窗口
- window.moveTo() - 移动当前窗口
- window.resizeTo() - 调整当前窗口的大小

总结：浏览器对象模型（BOM）允许JavaScript与浏览器“对话”。

---

ECMAScript :

ECMAScripe是一种标准， 而实现这种标准的脚本语言就是我们经常用到的JavaScript 。

所以我们就介绍一下JavaScript ，

先说一个题外话：JavaScript 和 java 一点关系没有， 最初发布想蹭java的热度。 最初的名字叫LiveScript。

javaScript是一个在Netscape 公司工作的名为：布兰登.艾奇 这个人用10天写出来的。

JavaScript的作用就是和DOM BOM 交互，所以JavaScript可以更改html元素，可以更改元素属性，可以更改css样式，做出一些动画效果。

JavaScript的特点：

• 不需要先编译，可直接运行。
• 弱类型脚本语言。
• 跨平台脚本语言。
• 基于对象的脚本语言。
• 事件驱动的脚本语言。

总结：ECMA是一种标准， 实现它标准的脚本语言是JavaScript，JavaScript与BOM DOM 交互。