JavaScript的组成

JavaScript由三部分组成

一个完整的javascript实现应该有下列三个不同部分组成：

ECMAScript：提供核心语言功能,是核心，规定了这们语言的书写规范；
```
var jd=“京东商城”;
```
DOM：提供访问和操作网页内容的方法和接口,(document object model 简称DOM 文档对象模型)
```
var oDiv=document.getElementById("div1");oDiv.innerText="现在已经被我占领了";
```
BOM：提供与浏览器交互的方法和接口；BOM最蛋疼的部分是没有统一的标准；从根本上讲BOM只处理浏览器窗口和框架,(browser object model 简称 BOM 浏览器对象模型)
```
windows.location.href
```

1、核心部分

WEB浏览器只是ECMA的宿主环境之一，也可以不依赖浏览器，比如宿主环境可能还包括Node和Adobe Flash；

ECMAScript规定了Javascript这门语言的组成部分；

主要规定了语法、类型、语句、关键字、保留字、操作符、对象；

2、DOM部分

文档对象模型把整浏览器页面映射为一个多层节点结构，页面中每个组成部分都是某种类型的节点，这些节点又包含了不同类型的数据；

<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title>这是显示在浏览器选项卡上的文字标题</title></head><body>  <div id="page">您好啊，我是HTML</div></body></html>

HTML页面，通过DOM可以看成树形图，借助DOM提供的API，可以轻松的增删改查；下面是几个标签的层级关系

<!DOCTYPE html><html>  <head>    <!--meta标签是head的儿子，是title的哥哥-->    <meta charset="UTF-8">    <!--titles head的儿子，是meta的弟弟-->    <title>这是显示在浏览器选项卡上的文字标题</title>  </head>  <!--body标签是html的儿子，是head的弟弟，是id=page这个div的父亲-->  <body>    <!--div标签是body的儿子-->    <div id="page">您好啊，我是HTML</div>  </body>  <!--html是head和body的父亲--></html>

DOM的几个级别的介绍

DOM目前分为三个级别；DOM1级，DOM2级，DOM3级；

DOM1级：是很早以前成为W3C标准的，由DOM核心和DOM HTML两部分组成，DOM核心规定是如何映射基于XML的文档结构，以便简化对文档中任意部分的访问和操作；DOM HTML模块则在DOM核心的基础上加以扩展，添加了针对HTML的对象和方法；主要目标是映射文档的结构；
DOM2级：在原来的DOM1级基础上扩充了鼠标和用户界面事件等；主要包括DOM视图，DOM事件、DOM样式、DOM遍历和范围；
DOM3级：引入了以统一方式加载和保存文档的方法（在DOM加载和保存模块中定义）；新增了验证文档的方法（在DOM验证模块中定义）；DOM3级也对DOM核心进行了扩展，开始支持XML1.0，涉及XML infoset，Xpath 和 XML Base。

3、BOM部分

弹出新浏览器窗口的功能；
移动、缩放和关闭浏览器窗口的功能；
- window.close()
提供浏览器详细信息的navigator对象；
提供浏览器所加载页面的详细信息的location对象；
- windows.location.href
提供用户显示器分辨率详细信息的srceen对象；
对cookies的支持；
像XMLHttpRequest和IE的ActiveXObject这样的自定义对象；
有了HTML5后，DOM实现的细节有望朝着兼容性越来越高的方向发展；