1.1 JavaScript簡介

JavaScript（JS）是基于對象和事件驅動的客戶端腳本語言，主要是用來進行Web前端開發的，如圖1-1所示的可以查看某個日期星期幾的日歷，圖1-2所示的查看某個日期距離2025年1月1日多長時間的倒計牌，圖1-3所示的彈球小游戲等，都是典型的使用JavaScript開發的網頁特效。

微課1-1 JavaScript簡介

什么是Web前端開發？可以通過常見的項目開發基本框架圖來了解，如圖1-4所示。

如圖1-4所示，項目開發基本框架一般分為三層。第一層是Web前端頁面開發，這個頁面是用HTML、CSS和JavaScript開發的，其中HTML+CSS實現了前端頁面的結構和樣式， JavaScript程序代碼實現動態交互、網頁特效等功能部分，這一層也就是常說的Web前端開發；中間一層是Web后臺開發，也叫服務器端的程序開發，主要是進行業務處理；最后一層就是數據庫了。在Web前端開發中，把純粹的HTML+CSS開發的頁面稱為靜態頁面，這個頁面是死的，沒有用戶交互功能，也沒有什么特效，用戶體驗度低，要解決這個問題就需要用JavaScript來處理，這也是本書主要學習的內容。

1.1.1 JavaScript的發展概況和特點

JavaScript是怎么來的？它的特點是什么？要解決這些問題，要先了解一下JavaScript的發展歷史。

1.JavaScript的歷史

（1）JavaScript語言誕生

最早的JavaScript語言思想是從嵌入式語言來的，大概在1992年，有一家叫Nombas的公司開發出了嵌入式腳本語言C--（C-minus-minus，Cmm），后來改名為Script Ease。這種將腳本嵌入到網頁中的設計方法也就成為JavaScript誕生的理論基礎。在1995年，網景（Netscape）公司的布蘭登（Brendan Eich）為解決類似于“向服務器提交數據之前驗證”的問題。Netscape Navigator 2.0與Sun公司合作開發的一個腳本語言，最開始的時候叫Live Script。為了營銷的便利，借助于當時如日中天的Java，將其更名為JavaScript，JavaScript1.0版本就這樣誕生了。

（2）JavaScript標準的制定

JavaScript誕生后，成功地進行了推廣，刺激了微軟，所以微軟也決定向瀏覽器進軍，并發布了一個JavaScript克隆版，叫JScript，搭載到IE瀏覽器。微軟進來以后，加上后來CEnvi的Script Ease，就有三種不同的JavaScript版本。所以這個時候就需要一個統一的標準來進行語法和特性的統一，JavaScript標準的制定就提上了日程。

在1997年，JavaScript 1.1作為一個草案提交給歐洲計算機制造商協會（ECMA）。當時第39技術委員會（TC39）承擔了制定一個標準化語法和語義的“通用、跨平臺、中立于廠商”的腳本語言。TC39集合了來自Netscape、Sun、微軟、Borland和其他一些對腳本編程感興趣的公司的程序員，其同制定了ECMA-262標準。該標準的出生，誕生了ECMAScript這種全新腳本語言，但是習慣上，大家還是將這種語言叫作JavaScript。

（3）JavaScript的應用推廣

JavaScript的ECMA標準化推出后，各個公司都參照JavaScript的標準進行了瀏覽器引擎的修改，以適應ECMA的標準。網景公司雖然是最早推出JavaScript的，但是整整晚了一年才推出“完全遵循ECMA規范”的JavaScript，而微軟早在一年前就推出了“完全遵循ECMA規范”的IE4.0，讓微軟取得了優先，這樣就直接導致一個惡果：微軟的JScript成為JavaScript語言的事實標準。

后來，國際標準化組織及國際電工委員會（ISO/IEC）也采納ECMAScript作為標準（ISO/IEC-16262）。各Web瀏覽器也分別努力將ECMAScript作為JavaScript實現的基礎。

由于網景的慢節奏，在JavaScript推廣中，促成了微軟的JScript成為JavaScript語言的事實標準，加上Windows綁定著IE瀏覽器，幾乎占據全部市場份額。所以，1999年之后，所有的網頁都是基于JScript來開發的。而網景在微軟強大攻勢下，于1998年全面潰敗。但微軟也沒有一支獨大，同年成立的Mozilla項目中的Firefox（火狐瀏覽器）在支持JavaScript方面無可比擬，在后來的時間里一步步蠶食IE的市場，成為全球第二大瀏覽器。另一個同微軟構成競爭的是谷歌（Google Chrome），又稱Google瀏覽器，是一個由Google（谷歌）公司開發的開放原始碼網頁瀏覽器。它以簡潔的頁面、極速的瀏覽，一舉成為全球第三大瀏覽器。隨著移動互聯網的普及，嵌有Android系統的平板電腦和智能手機，搶占了大塊的市場份額。后來蘋果也成為瀏覽器的競爭者，蘋果開發出了Safari瀏覽器，作為蘋果公司各種產品的默認瀏覽器，在蘋果的一體機（i Mac）、筆記本（Mac）、MP4（i Pod）、i Phone（智能手機）、i Pad （平板電腦）都運行著Safari瀏覽器，隨著蘋果的產品不斷的發展，Safari瀏覽器也分得了瀏覽器的大量份額。

從以上JavaScript的分析我們可以得知，JavaScript是一門獨立的腳本語言，雖然與Java語言名字相似，但二者沒有一點關系，只是借了一下“名字”而已。

2.JavaScript的特點

（1）解釋型語言：JavaScript是一種解釋型語言，其源代碼不需要編譯就可以通過瀏覽器解釋運行。在編寫代碼時，它可以和HTML代碼結合在一起來解釋執行。

（2）基于對象的語言：JavaScript是一種基于對象的語言，在運行時，可以運用對象的屬性和方法來實現各種功能，這個特點使JavaScript變得很強大。它可以使用內置對象，也可以使用自定義對象來實現比較復雜的功能。

（3）數據安全性：JavaScript是一種安全的語言，它不允許訪問本地的硬盤，也不能將數據存在網絡服務器，不允許對網絡文檔進行修改和刪除，只能通過瀏覽器進行進行信息瀏覽和動態的交互，防止數據的丟失。

（4）跨平臺性：JavaScript在運行時，只依賴于瀏覽器，與操作環境無關，只要有支持JavaScript的瀏覽器就可以正確地運行，對操作平臺無要求。

就因為有了以上四大基本特點，JavaScript在軟件開發，特別是Web前端開發受到越來越多的關注，其應用范圍也就越來越廣。

1.1.2 JavaScript的應用

JavaScript語言具體可以應用到以下幾個方面。

1.驗證用戶輸入的內容

JavaScript語言可以實現在客戶端對用戶輸入的數據進行驗證，如在注冊時，提示用戶名的格式是否符合要求，設置密碼時兩次設置是否相同等。

2.實現頁面的特效文字

使用JavaScript語言可以實現頁面文字的多種效果，如旋轉、翻滾等。

3.實現頁面的動畫效果

在瀏覽頁面時，我們會發現一些類似下雨、下雪的動畫效果，這些效果使頁面更加生動，這些動畫效果也可以通過JavaScript來實現。

4.實現窗口浮動的廣告

瀏覽頁面時經常發現一些浮動的廣告窗口，這些浮動的廣告窗口也可以通過JavaScript來實現。除此之外，JavaScript還廣泛的應用在其他很多方面，例如JavaScript雖然是客戶端腳本語言，但是也可以來開發服務器端的應用，現在比較時興的HTML5 APP也是HTML5結合了JavaScript來開發的。

1.1.3 支持JavaScript的瀏覽器

眾所周知，JavaScript最初開發出來就是為了嵌套在瀏覽器中使用的，瀏覽器對JavaScript支持也是JavaScript代碼能夠正常解析運行的基礎，那么，支持JavaScript瀏覽器有哪些呢？其實現在市場上主流的瀏覽器都支持JavaScript，如圖1-5所示的幾款瀏覽器，都對JavaScript有很好的支持。