第1章 JavaScript简介

JavaScript专门为与网页交互而设计的语言,不过目前来说,已经用在客户端,服务端等地方了。
它由三个不同的部分组成:
1,ECMAScript,由ECMA-262定义,提供核心语言功能
2,DOM(文档对象模型),提供访问和操做网页内容的方法和接口;
3,BOM(浏览器对象模型),提供与浏览器交付的方法和接口;

1 ECMAScript

由ECMA-262定义的ECMAScript与Web浏览器没有依赖关系。这门语言本身不包含输入和输出定义。ECMA-262定义的只是这门语言的基础。我们常见的Web浏览器只是ECMAScript实现可能的宿主环境之一(Node也是宿主环境)。

ECMA-262是定义ECMAScript的脚本语言的标准;
ECMAScript的诞生,是因为当时有三个不同的JavaScript版本:Netscape Navigator 中的JavaScript、Internet Explorer中的Jscript和EcriptEase中的CEnvi。3个不同版本并存,没有一个标准规定JavaScript的语法和特性。所以ECMA-262诞生了。★,°:.☆( ̄▽ ̄)/$:.°★

既然ECMA-262标准和浏览器么有关系,那么那是定义了ECMAScript什么内容呢?😫
大致来说,规定了下列组成部分:
1,语法
2,类型
3,语句
4,关键字
5,保留字
6,操作符
7,对象
这7个部分后面会详细讲到

2 文档对象模型(DOM)

文档对象模型(DOM,Document Object Model)是针对XML但是经过扩展由于HTML的应用程序编程接口(API,Application Programming Interface)。DOM把整个页面映射为一个多层节点结构。

<html>
<head>
    <title>Page Title</title>
</head>
<body>
    <p>Hello World!</p>
</body>
</html>

借助DOM提供的API,开发人员可以轻松自如的删除、添加和修改任意节点。

2.1 为什么要使用DOM
又是市面上有多个版本(具体有啥版本就不吐槽了),为了想保持Web跨平台的天性,所以负责定制Web通信标准的W3C(World Wide Consortium,万维网联盟)开始着手规划DOM。★,°:.☆( ̄▽ ̄)/$:.°★
2.2 DOM级别
2.2.1 DOM1级
由两个模块组成:DOM核心(DOM Core)和DOM HTML。
DOM核心,规定如何映射基于XML的文档结构,以便简化对文档中任意部分的访问和操做。
DOM HTML,则是在DOM核心的基础上加以扩展,添加了针对于HTML的对象和方法。

DOM并不只是针对于JavaScript的,很多别的语言也都实现了DOM,不过,在Web浏览器中,基于ECMAScript实现的DOM的确已经成为JavaScript这门语言的一个重要组成部分。

2.2.2 DOM2级
DOM2级在原来的DOM的基础上又扩充了鼠标和用户界面时间、范围、遍历(迭代DOM文档的方法)等细分模块,而且同过对象接口增加了对CSS(Cascading Style Sheets,层叠样式表)的支持。

DOM2级引入了下列新模块,也给出了众多新类型和新接口的定义。
1,DOM视图(DOM Views):定义了跟踪不同文档(例如,应用CSS之前和之后的文档)视图的的接口;
2,DOM事件(DOM Events):定义了事件和事件处理的接口;
3,DOM样式(DOM Style):定义了基于CSS为元素应用样式的接口;
4,DOM遍历和范围(DOM Traversal and Range):定义了遍历和操做文档树的接口。

2.2.3 DOM3级
DOM3级进一步扩展了DOM,引入了以统一方式加载和保存文档的方法——在DOM加载和保存(DOM Load and Save)模块中定义;新增了验证文档的方法——在DOM验证(DOM Validation)模块中定义。DOM3级也对DOM核心进行了扩展,开始支持XML1.0规范,涉及XML Infoser、XPath和XML Base。

哎,这些都是什么鬼。

2.3 其他DOM标准
简单列一下基于XML的(每种语言的DOM标准都添加与语言相关的新方法和新接口):
1,SVG(Scalable Vector Graphic,可伸缩矢量图)1.0;
2,MathML(Mathematical Markup Language,数学标记语言)1.0;
3,SMIL(Synchronized Multimedia Integration Language,同步多媒体集成语言)。

3 浏览器对象模型(BOM)

(lll¬ω¬),这里面也有无标准的问题,但是这个问题在HTML5中得到了解决,HTML5致力于把很多BOM功能写入到正式规范。
从根本上讲,BOM只处理浏览器窗口和框架;但是我们习惯将所又针对于浏览器的JavaScript扩展都算作为BOM的一部分。下面这些就是这样的扩展:
1,弹出新浏览器窗口的功能;
2,移动、缩放和关闭浏览器窗口的功能;
3,提供浏览器详细信息的navigator对象;
4,提供浏览器所加载页面的详细信息的location对象;
5,提供用户显示器分辨率详细信息的screen对象;
6,对cookies的支持;
7,想XMLHttpRequest和IE的ActiveXObject这样的自定义对象。

推荐阅读更多精彩内容