或多或少我们都应该知道JavaScript，主要还是分为三部分：ECMAScript(核心)，DOM（文档对象模型），BOM（浏览器对象模型）。

三步了解JavaScript的组成

ECMAScript(核心)：

ECMAScript是一个语言标准，javascript则是基于这个标准实现的脚本语言。

ECMAScript 是一种可以在宿主环境中执行计算并能操作可计算对象的基于对象的程序设计语言。ECMAScript 先被设计成一种 Web 脚本语言，用来支持 Web 页面的动态表现以及为基于 Web 的客户机—服务器架构提供服务器端的计算能力。但作为一种脚本语言， ECMAScript 具备同其他脚本语言一样的性质，即“用来操纵、定制一个已存在系统所提供的功能，以及对其进行自动化”。

DOM（文档对象模型）：

1、DOM

DOM全称 Document Object Model，即文档对象模型，它允许脚本(js)控制Web页面、窗口和文档。对象你知道吧，一个人就是一个对象。那么动物呢，一条狗也是对象，作为高大尚的人怎么可以和动物扯在一块，这个时候，是不是就要分类啦比如人类呀，动物啦，植物啦，等等… 所以就有了w3c里面介绍的那样咯，DOM 标准被分为 3 个不同的部分：

核心 DOM - 针对任何结构化文档的标准模型

XML DOM - 针对 XML 文档的标准模型

HTML DOM - 针对 HTML 文档的标准模型

哎呀，说了那么久，还不是一大堆feihua吗

2、DOM的作用

做网页的都知道，想要做一个动态页面，需要交互之类的，那这个时候，静态页面是无法满足的，千万别跟我说，你可以提前把要查询的显示的内容写在代码里，那么多数据，你要写几年啊。要实时变化嘛，当然得有后台支持。就比如你在博客里，修改个人信息，添加一个标签页，删除个性签名等等，都需要同步的额。

BOM（浏览器对象模型）:

BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。

常见的BOM对象有

window：代表整个浏览器窗口（window是BOM中的一个对象，并且是的对象）

Navigator ：代表浏览器当前的信息，通过Navigator我们可以获取用户当前使用的是什么浏览器

Location： 代表浏览器当前的地址信息，通过Location我们可以获取或者设置当前的地址信息

History：代表浏览器的历史信息，通过History我们可以实现上一步/刷新/下一步操作（出于对用户的隐私考虑，我们只能拿到当前的浏览记录，不能拿到所有的历史记录）

Screen：代表用户的屏幕信息