我们先看一张图片：

解释：核心(ECMAScript):定义脚本语言的所有对象、属性和方法；文档对象模型(DOM): html和XML应用程序接口浏览器对象模型(BOM):访问浏览器窗口；现在，具体来说，我们将讨论每个组件：ECMAScript ECMAScript的工作是定义语法和对象，其类别包括最基本的数据类型、条件语句、关键字、保留字、异常处理和对象定义。在ECMAScript范围内定义的对象也称为本机对象。实际上，它是一组定义语法规则的接口，然后由不同的浏览器实现。最后，我们编写符合语法规则的程序来满足应用程序开发需求。根据DOM (HTML和XML应用程序接口)的定义，可以知道DOM由两部分组成，即XML的DOM Core和HTML的DOM HTML。DOM Core和DOM HTML有什么区别和联系？DOM核心的核心概念是节点。DOM会将文档中不同类型的元素(这里，元素并不把div称为标签，还包括属性、注释、文本等。)作为不同的节点。

节点结构图上图描述的是DOM CORE的结构图，比较专业。我们来看一个简单的：复制代码如下： div ID=' container ' span hello world/span/div。让我们看看在标准浏览器中这段代码的DOM表示。

div和span Elements表示为元素节点，对应于节点结构图中的元素元素“hello world”以及div和span之间的间隔，表示为文本节点，对应于节点结构图中的CharacterDate元素。所有元素、属性、文本、注释等。将被视为一个节点对象(或从节点对象继承而来的一个对象，它是多态的，并向上转换)，它将根据文本结构依次显示，最终成为一个DOM树’。DOM HTML的核心概念是HTMLElement，DOM HTML将文档中的所有元素(这里，元素指的是像body这样的标签，不包括注释、属性和文本)都视为HTMLElements。元素的属性是HTMLElement的属性。再看另一个例子：属性myelement.attributes ['id']。从节点接口提供的值；显然，myElement.attributes['id']返回一个对象。value是Element实现的获取对象的value属性的方法，返回myelement . getattributes(' id ')；很明显，id现在只是一个属性，这只是一个获取属性的操作。实际上，DOM Core和DOM html的外部调用接口差别并不大。对于html文档，可以使用DOM html进行操作，对于xhtml，可以使用DOM Core。关于旧的BOM规则，我们先拍一张：。

这些对象与浏览器紧密集成，也称为宿主对象，即环境提供的对象。在这里，我们应该强调一个奇怪的对象，全局对象，它代表一个全局对象。Javascript不允许独立的函数、变量和常量。如果没有额外的定义，它们都被视为全局对象的属性或方法。parseInt()、isNaN()、isFinite()等都被当作global对象的方法，nan Nan、Infinity等‘常量’也是Global对象的属性。内置全局对象的构造函数，如布尔、字符串、数字、正则表达式等。也是全局对象的属性。但是，全局对象实际上并不存在，这意味着您将在使用全局访问NaN时报告错误。NaN实际上，它是由window播放的，这个过程是在第一次加载javascript时执行的。好了，好了，今天到此为止。还有一部分。你做梦去吧。我们稍后在另一个部分讨论它。