第一章：JavaScript简介

思维导图

一、(核心)ECMAScript【规定了：】

• 语法

• 类型

• 语句

• 关键字

• 保留字

• 操作符

• 对象

二、（文档对象模型）DOM

概念：是针对XML但经过扩展用于HTML的应用程序编程接口

为什么用？：

DOM级别

• DOM1

  • DOM核心（DOM Core）

    • 概念：规定是如何映射基于XML的文档结构，简化对文档中任意部分的访问和操作

  • DOM HTML

    • 概念：在DOM核心的基础上的扩展，添加了对HTML的对象和方法
    • 目标：更加宽泛。（鼠标，用户界面事件，范围，遍历）

• DOM2

  • 对比DOM1引入的新模块

    • DOM视图（DOM Views）

      • 定义了跟踪不同文档（CSS前后的文档）视图的接口

    • DOM事件（DOM Events）

      • 定义了时间和事件处理的接口

    • DOM样式（DOM Style）

      • 定义了基于CSS为元素应用样式的接口

    • DOM遍历和范围（DOM Traversal and Range）

      • 定义了遍历和操作文档树的接口

• DOM3

  • 进一步扩展了DOM，引入了以统一方式加载和保存文档的方法：在DOM加载和保存（DOM Load and Save）模块中定义
  • 新增验证文档的方法：在DOM验证（DOM Validation）模块中定义
  • DOM3级也对DOM核心进行了扩展

其他DOM标准

• 基于XML的
• SVG（Scalable Vector Graphic， 可伸缩矢量图）1.0
• MathML（Mathematical Markup Language，数学标记语言）1.0
• SMIL（Synchronized Multimedia Integration Language，同步多媒体集成语言）

Web浏览器对DOM的支持

• 支持DOM已经成为浏览器开发商的首要目标，主流浏览器每次发布新版本都会改进对DOM的支持

三、（浏览器对象模型）BOM

概念：BOM, Browser ObjectModel，开发人员使用BOM可以控制浏览器显示的页面以外的部分

BOM只处理浏览器窗口和框架；但人们习惯上也把所有针对浏览器的JavaScript扩展算作BOM的一部分

扩展：

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

四、小结:

JavaScript的组成

• ECMAScript
• 文档对象模型（DOM）
• 浏览器对象模型（BOM）

主流浏览器：

• IE
• Firefox
• Chrome
• Safari
• Opera