林大妈的JavaScript基础知识（一）：JavaScript简史

前言：作一名Web设计师是一件使人兴奋的事。在Web技术中，JavaScript是一个经历从被人误解到万众瞩目的巨大转变，在历史的冲击中被留存下来的个体。由于JavaScript的引导，Web开发也从混乱无序的状态转变为须要通过严格训练才能胜任的工做。当你们谈论起Web开发时，天然会提到Web标准中的三门语言：①HTML（超文本标记语言）②CSS（层叠样式表）③JavaScript（无法翻译）。一般来讲HTML和CSS老是占据着核心地位，但它们三者之间不存在对抗关系，反而是交融、互助的关系（尽管如今你们都在提倡各类分离的概念）。网页的重要意义是与用户进行交互。其中，JavaScript就是充当着使网页具有交互能力的程序设计语言。

1. JavaScript的出现
   JavaScript是由Netscape（网景）和Sun（Java语言的起源，后被Oracle收购）两家公司合做开发的。在JavaScript出现前，尽管咱们拥有“HTML（超文本标记语言）”这个工具，起初咱们使用它来规范科研文献，但咱们能够想象当时的HTML其实只是简单的超文本文档，只能完成基本的内容显示与跳转等功能。但JavaScript出现后，HTML瞬间从单一的文本升级为了具备强大交互性的工具。1995年，JavaScript出如今了Netscape Navigator 2浏览器中。
   当时Netscape Navigator毋庸置疑地主宰了浏览器市场，微软推出的IE浏览器在他面前只是一个弟弟。在IE3出现时，微软发布了VBScript，同时以JScript为名发布了JavaScript的一个版本，跟上了Netscape的步伐。在竞争面前，Netscape和Sun公司联合ECMA（欧洲计算机制造商协会）对JavaScript制定了标准，终于出现了ECMAScript语言。而咱们常说的ES5，ES6中的ES，其实就是ECMAScript的简写，而JavaScript实际上也就是ECMAScript。

   梗：咱们常说的雷锋与雷峰塔的关系，跟Java与JavaScript的关系很是相似，后来你们以此调侃JavaScript。

   JavaScript是一种脚本语言，它在通常状况下只能应用在Web浏览器去完成操做而不多像Java、C++这种编译型语言同样独立运行。所以，JavaScript具备与编译型语言的两种对立的特性：局限性和简单性。

   最后要提出的是两个概念：
   ① 因为JavaScript提供了一些操控Web浏览器的手段，能够调整浏览器的窗口高度、位置等属性，这种办法被称为BOM（Browser Object Model），例如window对象就是BOM中的一 个较为核心的对象；
   ② HTML自己是树形的结构，JavaScript一样提供了许多操纵HTML树的方法，一样能够对它们进行属性的调整，这种办法被称为DOM（Document Object Model），例如document对象就是DOM中的一个较为核心的对象。

2. DOM
   在JavaScript编程中，有一个重要的概念叫做DOM（文档对象模型）。所谓的DOM，就是一种将文档内容进行抽象，以及赋予意义的方法。你也能够用咱们程序设计中“类”里面的“方法”来理解DOM，由于本质上DOM就是一种API，JavaScript能够经过这些API更方便地操控标记语言中的元素。在现实世界中，咱们人类对世界的认识也能够总结为一套相似的方法，称为WOM（该概念源自《JavaScriptDOM编程艺术》一书，我的认为很是地贴切），中文叫作“世界对象模型”。咱们用“车”、“房子”、“树”云云来定义咱们身边的事物，以此来称呼这些事物，咱们身边的人也必定会在一瞬间内反应过来，“哦你讲的是这一个物品”。类比到HTML5中，咱们用

   标签来讲明文档的这一个特定位置里有一个导航栏，用

   来告诉浏览器，在浏览器末尾的地方有一个页脚（固然你也要在文档的末尾编写）。这样咱们才能在JavaScript中使用语句来获取及操控这些元素，好比：
   ① 文档中的第三个图像： document.images[2]；
   ② 文档中的名为"details"的表单： document.forms['details']。

   像以上这些初级的、试验性质的、还未造成统一标准的DOM，咱们把它称为“第0级DOM（DOM Level 0）”。

3. 浏览器战争
   时间来到了1997年，Netscape公司在6月发布了Netscape Navigator 4，对应的，微软也在10月发布了IE 4。两格浏览器都对早期的版本进行了改进，扩展了DOM，这意味着经过JavaScript能够完成更多的功能了。咱们迎来了“DHTML（Dynamic HTML，动态的超文本标记语言）”的概念。区别于像HTML、JavaScript这些技术，DHTML只是一种概念。这个概念的意思就是：
   ① 使用HTML编写网页的元素；
   ② 使用CSS设置这些元素的样式；
   ③ 使用JavaScript操控页面、改变样式，以及实现动态的交互。

   尽管技术一直在发展，咱们却迎来了噩耗：为了竞争，两种浏览器分别使用了两种不相容的DOM。虽然你们的目标都是相同的——实现美观动态交互性强的网页，但实现的方式却截然不同。这使得开发网页的成本变得十分高，为了让使用不一样浏览器的用户均可以浏览网页的内容，咱们必须编写不一样规范的代码。DHTML原本是绝对好的，它符合人类对科技发展的憧憬，但在实现的路上却由于某些商业缘由遭遇了空前的困境。很快，DHTML被你们认定为“宣传的噱头”与“难以实现”。

4. 标准化解决问题
   浏览器制造商在以DOM为武器对抗时，浏览器开发工做十分困难。此时W3C（World Wide Web Consortium，万维网联盟）小组站出来了，他们制定了一个标准的DOM。而值得庆幸的是，浏览器制造商也肯放下敌意协做制定标准。1998年，咱们迎来了“第1级DOM（DOM Level 1）”：
   var pdisplay = document.getElementById('p').style.display
   乍一看彷佛并无什么区别，事实上第1级DOM已经可让任何一种程序设计语言对任何一种标记语言进行操控了，这是对将来HTML和XML发展的巨大推进（咱们如今通常使用的是DOM Level 3）。

5. 浏览器战争结局以及后续发展
   之前咱们用的是windows 98 或者是windows XP之类的操做系统，里面一般会在桌面就有一个IE浏览器的快捷方式。咱们经过这个缩影能够联想到，微软在浏览器市场份额上打败了Netscape。时至今日，你们提到IE浏览器时，老是说它是罪恶的，微软后来本身也推出了Microsoft Edge浏览器。其中的缘由就是IE浏览器在许多方式上不遵循W3C的标准，致使增大了许多开发上的负担。从2003年到如今，许多浏览器诞生了。苹果公司发布了它基于Webkit的Safari浏览器，从一开始就坚决不移地遵循W3C的标准；Firefox、Chrome、Opera这些被你们推荐使用的，以及其余浏览器们都对DOM有良好的支持，包括不少手机浏览器。2014年，HTML5诞生了，它与DOM、AJAX等等技术的配合，使互联网产生了巨大的飞跃，现代浏览器对于DOM特性的覆盖率高达95%，虽未到100%，但咱们基本能够过上编写一个脚本能够在多处兼容运行的幸福生活了。

6. 最后
   之因此花这么大篇幅在介绍JavaScript的历史时介绍了DOM和浏览器的发展，是由于它们是JavaScript的载体，咱们必须也要重视DOM和浏览器兼容等知识的学习。以及咱们须要感恩这些制定标准，效忠于科技发展的伟人们。多亏了标准化的DOM，咱们才能在不一样浏览器中实现一致的梦想。