Javascript简史
背景
在一个网速巨慢、网页大小和复杂度不断增加的年代,人们逐渐对如下流程失去耐心:
网页中输入数据——提交表单——服务端校验——(maybe 30s later)网页提示输入有误——修改并重新提交
像这种简单的校验操作如果能在前端完成将明显提升用户体验,于是Netscape公司的Brendan Eich开发了一种名为Javascript的脚本语言,在1995年2月份与Netscape Navigator 2一同发布。可见Javascript是专门为与网页交互而设计的语言。
1996年8月,微软的Internet Explorer 3 加入了名为JScript的Javascript实现。
1997年,以Javascript1.1为蓝本的ECMA-262现世,定义了一个名为ECMAScript的新脚本语言标准。
Javascript组成
ECMAScript
ECMAScript是独立的脚本语言,与Web没有关系,事实上,Web、Node、Adobe Flash在ECMAScript的基础上进行了扩展,构建了更完善的脚本语言,它们都是ECMAScript的宿主环境。
那么ECMAScript的语言体系都规定了什么呢?
- 语法
- 类型
- 语句
- 关键字
- 保留字
- 操作符
- 对象
版本
第一版就是在javasccript 1.1的基础上剔除了所有与浏览器相关的代码(实现与平台无关),并做出一些修改(比如支持Unicode标准)
第二版主要是编辑加工,为了保持与ISO/IEC-16262严格一致
第三版做了一次真正的修改,是ECMAScript成为一门真正的编程语言
第四版已被放弃,由于跨越较大
第五版是第四版的替代版ECMAScript 3.1,增加了原生JSON对象、严格模式等等
兼容
要想成为ECMAScript的实现,需满足以下条件:
- 支持ECMA-262语言体系规定的所有内容
- 支持Unicode字符标准
可进行一下扩展: - 添加标准中没有规定的新对象或对象的新属性
- 支持ECMA-262没有定义的程序和正则表达式语法
Web浏览器对ECMAScript的支持
浏览器 | ECMAScript兼容性 |
---|---|
Netscape Navigator 4.06~4.79 IE5 | 第1版 |
Opera 6~7.1 | 第2版 |
Netscape 6+(Mozilla 0.6.0+) IE5.5~IE7 Opera 7.2+ *Safari 1~2.0.x 3.x Chrome 1+ FireFox 1~2 3.0.x | 第3版 |
*IE8 IE9+ *Safari 4.x~5.x *FireFox 3.5~3.6 4.0+ | 第5版 |
*标注的是不完全兼容的实现
DOM
DOM即文档对象模型
背景
IE和Netscape对DHTML各持己见,浏览器互不兼容,W3C站出来指定规范,规划DOM。
DOM级别
-
DOM 0级,DHTML,参照点。
-
DOM 1级,98年10月成为W3C的推荐标准,分为DOM core和DOM HTML,DOM core规定如何映射基于XML的文档结构,DOM HTML在DOM core基础上扩展,添加针对HTML的对象和方法。
-
DOM 2级引入了一些新模块:
- DOM视图
- DOM事件
- DOM样式
- DOM遍历和范围
- DOM 3级
在DOM加载和保存模块中定义统一加载和保存文档的方法,在DOM验证模块定义验证文档的方法。支持XML1.0规范。
其他DOM标准
- SVG 1.0
- MathML 1.0
- SMIL
浏览器对DOM的支持
浏览器 | DOM兼容性 |
---|---|
Netscape 6+(Mozilla 0.6.0+) | 1级 2级(almost) 3级(partial) |
IE5 | 1级(at least) |
IE5.5~IE8 | 1级(almost) |
IE 9+ | 1级 2级 3级 |
Opera 7~8.x | 1级(almost) 2级(partial) |
Opera 9~9.9 | 1级 2级(almost) 3级(partial) |
Opera 10+ | 1级 2级 3级(partial) |
Safari 1.0.x | 1级 |
Safari 2+ | 1级 2级(partial) |
Chrome 1+ | 1级 2级(partial) |
FireFox 1+ | 1级 2级(almost) 3级(partial) |
BOM
HTML5之后,浏览器对象模型有了相关的标准,它包含一下内容:
- 处理浏览器窗口和框架
- 弹出新浏览器窗口的功能
- 移动、缩放和关闭浏览器窗口的功能
- 提供包含浏览器详细信息的navigator对象
- 提供包含浏览器所加载页面详细信息的location对象
- 提供包含用户显示器分辨率详细信息的screen对象
- 支持cookies
- 自定义对象(比如XMLHttpRequest)
网友评论