1.1　JavaScript簡述

JavaScript是Web頁面中的一種腳本編程語言，也是一種通用的、跨平臺的、基于對象和事件驅(qū)動并具有安全性的腳本語言。它不需要進(jìn)行編譯，而是直接嵌入HTML頁面中，把靜態(tài)頁面轉(zhuǎn)變成支持用戶交互并響應(yīng)相應(yīng)事件的動態(tài)頁面。

1.1.1　JavaScript的起源

JavaScript語言的前身是LiveScript語言。由美國Netscape（網(wǎng)景）公司的布瑞登·艾克（Brendan Eich）為即將在1995年發(fā)布的Navigator 2.0瀏覽器的應(yīng)用而開發(fā)的腳本語言。在與Sun（升陽）公司聯(lián)手及時完成了LiveScript語言的開發(fā)后，就在Navigator 2.0即將正式發(fā)布前，Netscape公司將其改名為JavaScript，也就是最初的JavaScript 1.0版本。雖然當(dāng)時JavaScript 1.0版本還有很多缺陷，但擁有著JavaScript 1.0版本的Navigator 2.0瀏覽器幾乎主宰著瀏覽器市場。

因?yàn)镴avaScript 1.0如此成功，Netscape公司在Navigator 3.0中發(fā)布了JavaScript 1.1版本。同時微軟開始進(jìn)軍瀏覽器市場，發(fā)布了Internet Explorer 3.0并搭載了一個JavaScript的類似版本，其注冊名稱為JScript，這成為JavaScript語言發(fā)展過程中的重要一步。

在微軟進(jìn)入瀏覽器市場后，此時有3種不同的JavaScript版本同時存在，Navigator中的JavaScript、IE中的JScript以及CEnvi中的ScriptEase。與其他編程語言不同的是，JavaScript并沒有一個標(biāo)準(zhǔn)來統(tǒng)一其語法或特性，而這3種不同的版本恰恰突出了這個問題。1997年，JavaScript 1.1版本作為一個草案提交給歐洲計(jì)算機(jī)制造商協(xié)會（ECMA）。最終由來自Netscape、Sun、微軟、Borland和其他一些對腳本編程感興趣的公司的程序員組成了TC39委員會，該委員會被委派來標(biāo)準(zhǔn)化一個通用、跨平臺、中立于廠商的腳本語言的語法和語義。TC39委員會制定了“ECMAScript程序語言的規(guī)范書”（又稱為“ECMA-262標(biāo)準(zhǔn)”），該標(biāo)準(zhǔn)通過國際標(biāo)準(zhǔn)化組織（ISO）采納通過，作為各種瀏覽器生產(chǎn)開發(fā)所使用的腳本程序的統(tǒng)一標(biāo)準(zhǔn)。

1.1.2　JavaScript的主要特點(diǎn)

JavaScript腳本語言的主要特點(diǎn)如下。

　解釋性

JavaScript不同于一些編譯性的程序語言，例如C、C++等，它是一種解釋性的程序語言，它的源代碼不需要經(jīng)過編譯，而直接在瀏覽器中運(yùn)行時被解釋。

　基于對象

JavaScript是一種基于對象的語言。這意味著它能運(yùn)用自己已經(jīng)創(chuàng)建的對象。因此，許多功能可以來自于腳本環(huán)境中對象的方法與腳本的相互作用。

　事件驅(qū)動

JavaScript可以直接對用戶或客戶輸入做出響應(yīng)，無須經(jīng)過Web服務(wù)程序。它對用戶的響應(yīng)，是以事件驅(qū)動的方式進(jìn)行的。所謂事件驅(qū)動，就是指在主頁中執(zhí)行了某種操作所產(chǎn)生的動作，此動作稱為“事件”。例如按下鼠標(biāo)、移動窗口、選擇菜單等都可以視為事件。當(dāng)事件發(fā)生后，可能會引起相應(yīng)的事件響應(yīng)。

　跨平臺

JavaScript依賴于瀏覽器本身，與操作環(huán)境無關(guān)，只要能運(yùn)行瀏覽器的計(jì)算機(jī)，并支持JavaScript的瀏覽器就可以正確執(zhí)行。

　安全性

JavaScript是一種安全性語言，它不允許訪問本地的硬盤，并不能將數(shù)據(jù)存入服務(wù)器上，不允許對網(wǎng)絡(luò)文檔進(jìn)行修改和刪除，只能通過瀏覽器實(shí)現(xiàn)信息瀏覽或動態(tài)交互。這樣可有效地防止數(shù)據(jù)的丟失。

1.1.3　JavaScript的應(yīng)用

使用JavaScript腳本實(shí)現(xiàn)的動態(tài)頁面，在Web上隨處可見。下面將介紹幾種JavaScript常見的應(yīng)用。

　驗(yàn)證用戶輸入的內(nèi)容

使用JavaScript腳本語言可以在客戶端對用戶輸入的數(shù)據(jù)進(jìn)行驗(yàn)證。例如在制作用戶注冊信息頁面時，要求用戶確認(rèn)密碼，以確定用戶輸入的密碼是否正確。如果用戶在“確認(rèn)密碼”文本框中輸入的信息與“注冊密碼”文本框中輸入的信息不同，將彈出相應(yīng)的提示信息，如圖1.1所示。

　動畫效果

在瀏覽網(wǎng)頁時，經(jīng)常會看到一些動畫效果，使頁面更加生動。使用JavaScript腳本語言也可以實(shí)現(xiàn)動畫效果，例如在頁面中實(shí)現(xiàn)下雪的效果，如圖1.2所示。

　窗口的應(yīng)用

在打開網(wǎng)頁時經(jīng)常會看到一些浮動的廣告窗口，這些廣告窗口是某些網(wǎng)站的盈利手段之一。我們也可以通過JavaScript腳本語言來實(shí)現(xiàn)，例如，如圖1.3所示的廣告窗口。

　文字特效

使用JavaScript腳本語言可以使文字實(shí)現(xiàn)多種特效。例如使文字旋轉(zhuǎn)，如圖1.4所示。

　明日學(xué)院應(yīng)用的jQuery效果

在明日學(xué)院的“讀書”欄目中，應(yīng)用jQuery實(shí)現(xiàn)了滑動顯示和隱藏子菜單的效果。當(dāng)單擊某個主菜單時，將滑動顯示相應(yīng)的子菜單，而其他子菜單將會滑動隱藏，如圖1.5所示。

　京東網(wǎng)上商城應(yīng)用的jQuery效果

在京東網(wǎng)上商城的話費(fèi)充值頁面，應(yīng)用jQuery實(shí)現(xiàn)了標(biāo)簽頁的效果，當(dāng)選擇“話費(fèi)快充”選項(xiàng)卡時，標(biāo)簽頁中將顯示話費(fèi)快充的相關(guān)內(nèi)容，如圖1.6所示，當(dāng)選擇其他選項(xiàng)卡時，標(biāo)簽頁中將顯示相應(yīng)的內(nèi)容。

　應(yīng)用Ajax技術(shù)實(shí)現(xiàn)百度搜索提示

在百度首頁的搜索文本框中輸入要搜索的關(guān)鍵字時，下方會自動給出相關(guān)提示。如果給出的提示有符合要求的內(nèi)容，可以直接選擇，這樣可以方便用戶。例如，輸入“明日科”后，在下面將顯示如圖1.7所示的提示信息。