第一章 JavaScript简史

###1.1 Javascript的起源### Javascript是Netscape公司（网景通讯公司1998年被美国在线AOL收购）与sun公司合做开发的。 Javascript的第一个版本，即Javascript 1.0版本出如今1995年推出的Netscape Navigator 2浏览器中。当时Netscape Navigator浏览器主宰着市场，微软的IE是追赶者。微软很快在IE3发布了本身的VCScript语言，同时以JScript为名发布了Javascript的第一个版本，以此很快跟上了Netscape的步伐。 面对微软的竞争，Netscape和Sun联合ECMA(欧洲计算机制造商协会)对Javascript语言进行了标准化。因而出现了ECMAScript语言，这是同一个语言的另外一个名字。人们如今谈论的Javascript实际上就是ECMAScript. 到了1996年，Javascript、ECMAScript、JScript（随便怎么称呼它）已经站稳了脚跟。Netscape和微软在各自的第三版浏览器都不一样程度的支持Javascript 1.1语言。 Javascript和Sun公司开发的Java没有任何联系，命名为Javascript大概是想让它听起来有系出名门的感受。 ###1.2 DOM### DOM(文档对象模型)是一套对文档的内容进行抽象和概念化的方法。 ###1.3 浏览器战争### Netscape Navigator4发布于1997年6月，IE4发布于同年10月，这两种浏览器大幅扩展了DOM。网页设计人员开始接触到一个新名词：DHTML ####1.3.1 DHTML#### DHTML含义是：

• 利用HTML把网页标记为各类元素
• 利用CSS设置元素样式和它们显示的位置
• 利用Javascript实时的操纵页面和改变样式

例如，用HTML标记一个页面元素：

<div id="myelement">This is my Element</div>

而后用CSS为这个页面元素定义以下位置样式

#myelement{
    position:absolute;
    left:50px;
    top:100px;
}

接下来，只需利用Javascript改变myelement元素的left和top样式就可让它在页面上随意移动。 不幸的是，NN4和IE4使用的是两种不兼容的DOM。

####1.3.2 浏览器之间的冲突#### Netscape公司的DOM使用了专有元素，这些元素成为层(layer)。层有惟一的ID，Javascript代码应该这样引用它们：

document.layers['myelement']

而微软必须这样

document.all['myelement']

这两种浏览器的差别不仅这么一点，例如获取myelement的left位置并赋值给xpos NN4:

var xpos = document.layers['myelement'].left;

IE4:

var xpos = document.all['myelement'].leftpos;

这就致使了一个问题：程序员在编写DOM脚本代码时必须知道它们运行在哪一种浏览器环境中，因此不得不写一些探查浏览器属性和重复的代码。

###1.4制定标准###

浏览器制造商以DOM为武器展开营销大战的同时，W3C默默的结合你们的优势推出了一个标准化的DOM。使人欣慰的是，浏览器制造商抛开彼此的敌意携手W3C制定新的标准并与1998年10月完成了“第一级DOM” 因而，刚才的例子就统一为

var xpos = document.getElementById('myelement').style.left;

####1.4.1 浏览器之外的考虑#### DOM是一种API，API是一组已经获得有关各方共同承认的基本约定。 W3C对DOM的定义是：“一个与系统平台和编程语言无关的接口，程序和脚本能够经过这个接口动态的访问和修改文档的内容、接口和样式”。标准化DOM可用性远远超出了各自为战的浏览器制造商推出的各类专用DOM。 ####1.4.2 浏览器战争的结局#### 因为全部运行Windows操做系统的我的电脑都预装了IE，浏览器市场份额大战中微软打败了Netscape，专有的HTML和DOM标记对这个最终结果几乎没有产生什么影响。 下一代浏览器产品对Web标准的支持获得了极大的改善。 ####1.4.3 崭新的起点#### 如今Netscape Navigator基本从人们的视线消失了，苹果公司2003年发布了它的Safari浏览器（基于WebKit），它从一开始就坚决不移的遵循DOM标准。FireFox(以Gecko为核心)、Chrome、Opera和IE(以Trident为核心)都对DOM有着良好的支持。 今天几乎全部的浏览器都内置了对DOM的支持。