01.JavaScript简介

JavaScript简介

JavaScript实现

一个完整的JavaScript实现应该由下面三个不同的部分组成。

• ECMAScript-核心
• DOM-文档对象模型
• BOM-浏览器对象模型

文档对象模型-DOM

文档对象模型（DOM，Document Object Model）是针对XML经过扩展用于HTML的应用程序接口（API，Application Programming Interface）。

DOM把整个页面映射为一个多层节点结构。HTML页面中的每个组成部分都是某种类型的节点，这些节点又包含着不同类型的数据。

借助DOM提供的API，开发人员可以轻松自如的删除、添加、替换或修改任何节点。

DOM级别

• DOM1级 1998.10 目标：映射文档结构

  • DOM核心（DOM Core）：规定如何映射基于XML的文档结构，以便简化对文档中任意部分的访问和操作。
  • DOM HTML：在DOM核心的基础上加以扩展，添加了针对HTML的对象和方法。

• DOM2级：引入了一些新模块，给出了众多新类型和新接口的定义

  • DOM视图（DOM Views)：定义了跟踪不同文档视图的接口
  • DOM事件（DOM Events）：定义了事件和事件处理的接口
  • DOM样式（DOM Style）：定义了基于CSS为元素应用样式的接口
  • DOM遍历和范围（DOM Traversal and Range）：定义了遍历和操作文档树的接口

• DOM3级：

  • DOM加载和保存（DOM Load and Save）：引入了以统一方式加载和保存文档的方法——在DOM加载和保存模块中定义
  • DOM验证（DOM Validation）：新增了验证文档的方法

浏览器对象模型-BOM

浏览器对象模型（BOM，Browser Object Model），开发人员使用BOM可以控制浏览器显示的页面以外的部分。

从根本上讲，BOM只处理浏览器窗口和框架，但人们习惯把所有针对浏览器的JavaScript扩展算作BOM的一部分。例如：

• 弹出新浏览器窗口的功能
• 移动，缩放和关闭浏览器窗口的功能
• 提供浏览器详细信息的navigator功能
• 提供浏览器所加载页面的详细信息的location对象
• 提供用户显示器分辨率详细信息的screen对象
• 对cookies的支持
• 像XMLHTTPRequest和IE的ActiveXObject这样的自定义对象

小结

JavaScript是一种专为与网页交互而设计的脚本语言，由下列三个不同的部分组成：

• ECMAScript：由ECMA-262定义，提供核心语言功能
• 文档对象模型（DOM）：提供访问和操作网页内容的方法和接口
• 浏览器对象模型（BOM）：提供与浏览器交互的方法和接口