javascript是一種動(dòng)態(tài)類型、弱類型的語(yǔ)言，是一種基于對(duì)象和事件驅(qū)動(dòng)并具有相對(duì)安全性并廣泛用于客戶端網(wǎng)頁(yè)開(kāi)發(fā)的腳本語(yǔ)言，同時(shí)也是一種廣泛用于客戶端Web開(kāi)發(fā)的腳本語(yǔ)言。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

JavaScript，也稱ECMAScript，是一種基于對(duì)象和事件驅(qū)動(dòng)并具有相對(duì)安全性并廣泛用于客戶端網(wǎng)頁(yè)開(kāi)發(fā)的腳本語(yǔ)言，同時(shí)也是一種廣泛用于客戶端Web開(kāi)發(fā)的腳本語(yǔ)言。

最早是在HTML上使用的，用來(lái)給HTML網(wǎng)頁(yè)添加動(dòng)態(tài)功能，由Netscape的LiveScript發(fā)展而來(lái)的原型化繼承的面向?qū)ο蟮膭?dòng)態(tài)類型的區(qū)分大小寫的客戶端腳本語(yǔ)言，主要目的是為了解決服務(wù)器端語(yǔ)言，比如Perl，遺留的速度問(wèn)題及響應(yīng)用戶的各種操作，為客戶提供更流暢的瀏覽效果。因?yàn)楫?dāng)時(shí)服務(wù)端需要對(duì)數(shù)據(jù)進(jìn)行驗(yàn)證，由于網(wǎng)絡(luò)速度相當(dāng)緩慢，只有28.8kbps，驗(yàn)證步驟浪費(fèi)的時(shí)間太多。于是Netscape的瀏覽器Navigator加入了Javascript，提供了數(shù)據(jù)驗(yàn)證的基本功能。然而現(xiàn)在JavaScript也可被用于網(wǎng)絡(luò)服務(wù)器，如Node.js。

一、javascript的組成

一個(gè)完整的 JavaScript 實(shí)現(xiàn)是由以下 3 個(gè)不同部分組成的：

• ECMAScript：描述了該語(yǔ)言的語(yǔ)法和基本對(duì)象；

• 文檔對(duì)象模型（Document Object Model，簡(jiǎn)稱DOM））：描述處理網(wǎng)頁(yè)內(nèi)容的方法和接口；

• 瀏覽器對(duì)象模型（Browser Object Model，簡(jiǎn)稱BOM））：描述與瀏覽器進(jìn)行交互的方法和接口。

二、javascript的基本特點(diǎn)

• 是一種解釋性腳本語(yǔ)言（代碼不進(jìn)行預(yù)編譯）。

• 主要用來(lái)向 HTML 頁(yè)面添加交互行為。

• 可以直接嵌入 HTML 頁(yè)面，但寫成單獨(dú)的js文件有利于結(jié)構(gòu)和行為的分離。

三、javascript的特性

不同于服務(wù)器端腳本語(yǔ)言，例如PHP與ASP，JavaScript主要被作為客戶端腳本語(yǔ)言在用戶的瀏覽器上運(yùn)行，不需要服務(wù)器的支持。所以在早期程序員比較青睞于JavaScript以減少對(duì)服務(wù)器的負(fù)擔(dān)，而與此同時(shí)也帶來(lái)另一個(gè)問(wèn)題：安全性。

而隨著服務(wù)器的強(qiáng)壯，雖然現(xiàn)在的程序員更喜歡運(yùn)行于服務(wù)端的腳本以保證安全，但JavaScript仍然以其跨平臺(tái)、容易上手等優(yōu)勢(shì)大行其道。同時(shí)，有些特殊功能（如AJAX）必須依賴Javascript在客戶端進(jìn)行支持。隨著引擎如V8和框架如Node.js的發(fā)展，及其事件驅(qū)動(dòng)及異步IO等特性，JavaScript逐漸被用來(lái)編寫服務(wù)器端程序。

【推薦學(xué)習(xí)：javascript高級(jí)教程】

四、JavaScript的發(fā)展歷史背景

1、Nombas和ScriptEase

大概在1992年，一家稱作Nombas的公司開(kāi)發(fā)了一種叫做C 減減（C-minus-minus，簡(jiǎn)稱 Cmm）的嵌入式腳本語(yǔ)言。Cmm 背后的理念很簡(jiǎn)單：一個(gè)足夠強(qiáng)大可以替代宏操作（macro）的腳本語(yǔ)言，同時(shí)保持與 C （和 C ++）足夠的相似性，以便開(kāi)發(fā)人員能很快學(xué)會(huì)。這個(gè)腳本語(yǔ)言捆綁在一個(gè)叫做 CEnvi 的共享軟件中，它首次向開(kāi)發(fā)人員展示了這種語(yǔ)言的威力。

Nombas 最終把 Cmm 的名字改成了 ScriptEase，原因是后面的部分（mm）聽(tīng)起來(lái)過(guò)于消極，同時(shí)字母 C “令人害怕”。

現(xiàn)在 ScriptEase 已經(jīng)成為了 Nombas 產(chǎn)品背后的主要驅(qū)動(dòng)力。

2、Netscape發(fā)明了JavaScript

當(dāng) Netscape Navigator 嶄露頭角時(shí)，Nombas 開(kāi)發(fā)了一個(gè)可以嵌入網(wǎng)頁(yè)中的 CEnvi 的版本。這些早期的試驗(yàn)被稱為 Espresso Page（濃咖啡般的頁(yè)面），它們代表了第一個(gè)在萬(wàn)維網(wǎng)上使用的客戶端語(yǔ)言。而 Nombas 絲毫沒(méi)有料到它的理念將會(huì)成為萬(wàn)維網(wǎng)的一塊重要基石。

當(dāng)網(wǎng)上沖浪越來(lái)越流行時(shí)，對(duì)于開(kāi)發(fā)客戶端腳本的需求也逐漸增大。此時(shí)，大部分因特網(wǎng)用戶還僅僅通過(guò) 28.8 kbit/s 的調(diào)制解調(diào)器連接到網(wǎng)絡(luò)，即便這時(shí)網(wǎng)頁(yè)已經(jīng)不斷地變得更大和更復(fù)雜。而更加加劇用戶痛苦的是，僅僅為了簡(jiǎn)單的表單有效性驗(yàn)證，就要與服務(wù)器進(jìn)行多次地往返交互。設(shè)想一下，用戶填完一個(gè)表單，點(diǎn)擊提交按鈕，等待了 30 秒的處理后，看到的卻是一條告訴你忘記填寫一個(gè)必要的字段。

那時(shí)正處于技術(shù)革新最前沿的 Netscape，開(kāi)始認(rèn)真考慮開(kāi)發(fā)一種客戶端腳本語(yǔ)言來(lái)解決簡(jiǎn)單的處理問(wèn)題。

當(dāng)時(shí)工作于Netscape的Brendan Eich，開(kāi)始著手為即將在 1995 年發(fā)行的 Netscape Navigator 2.0 開(kāi)發(fā)一個(gè)稱之為 LiveScript 的腳本語(yǔ)言，當(dāng)時(shí)的目的是在瀏覽器和服務(wù)器（本來(lái)要叫它 LiveWire）端使用它。Netscape 與 Sun 及時(shí)完成 LiveScript 實(shí)現(xiàn)。

就在 Netscape Navigator 2.0 即將正式發(fā)布前，Netscape 將其更名為JavaScript。雖然Netscape在最初將其腳本語(yǔ)言命名為L(zhǎng)iveScript，后來(lái)Netscape在與Sun合作之后將其改名為JavaScript。JavaScript最初受Java啟發(fā)而開(kāi)始設(shè)計(jì)的，目的之一就是“看上去像Java”，因此語(yǔ)法上有類似之處，一些名稱和命名規(guī)范也借自Java。但JavaScript的主要設(shè)計(jì)原則源自Self和Scheme。

JavaScript與Java名稱上的近似，是當(dāng)時(shí)網(wǎng)景為了營(yíng)銷考慮與太陽(yáng)微系統(tǒng)達(dá)成協(xié)議的結(jié)果。為了取得技術(shù)優(yōu)勢(shì)，微軟推出了JScript來(lái)迎戰(zhàn)JavaScript的腳本語(yǔ)言。為了互用性，Ecma國(guó)際（前身為歐洲計(jì)算機(jī)制造商協(xié)會(huì)）創(chuàng)建了ECMA-262標(biāo)準(zhǔn)（ECMAScript）。現(xiàn)在兩者都屬于ECMAScript的實(shí)現(xiàn)。盡管JavaScript作為給非程序人員的腳本語(yǔ)言，而非作為給程序人員的腳本語(yǔ)言來(lái)推廣和宣傳，但是JavaScript具有非常豐富的特性。JavaScript 從此變成了因特網(wǎng)的必備組件。

3、三足鼎立

因?yàn)?JavaScript 1.0 如此成功，Netscape 在 Netscape Navigator 3.0 中發(fā)布了 1.1 版。恰巧那個(gè)時(shí)候，微軟決定進(jìn)軍瀏覽器，發(fā)布了 IE 3.0 并搭載了一個(gè) JavaScript 的克隆版，叫做 JScript（這樣命名是為了避免與 Netscape 潛在的許可糾紛）。微軟步入 Web 瀏覽器領(lǐng)域的這重要一步雖然令其聲名狼藉，但也成為 JavaScript 語(yǔ)言發(fā)展過(guò)程中的重要一步。

在微軟進(jìn)入后，有3種不同的 JavaScript 版本同時(shí)存在：Netscape Navigator 3.0 中的 JavaScript、IE 中的 JScript 以及 CEnvi 中的 ScriptEase。與 C 和其他編程語(yǔ)言不同的是，JavaScript 并沒(méi)有一個(gè)標(biāo)準(zhǔn)來(lái)統(tǒng)一其語(yǔ)法或特性，而這 3 種不同的版本恰恰突出了這個(gè)問(wèn)題。隨著業(yè)界擔(dān)心的增加，這個(gè)語(yǔ)言的標(biāo)準(zhǔn)化顯然已經(jīng)勢(shì)在必行。

4、標(biāo)準(zhǔn)化

1997年，JavaScript 1.1 作為一個(gè)草案提交給歐洲計(jì)算機(jī)制造商協(xié)會(huì)（ECMA）。第39技術(shù)委員會(huì)（TC39）被委派來(lái)“標(biāo)準(zhǔn)化一個(gè)通用、跨平臺(tái)、中立于廠商的腳本語(yǔ)言的語(yǔ)法和語(yǔ)義”。由來(lái)自 Netscape、Sun、微軟、Borland 和其他一些對(duì)腳本編程感興趣的公司的程序員組成的 TC39 錘煉出了 ECMA-262，該標(biāo)準(zhǔn)定義了名為 ECMAScript 的全新腳本語(yǔ)言。

目前符合 ECMA-262 3rd Edition 標(biāo)準(zhǔn)的實(shí)現(xiàn)有：

• Microsoft 公司的 JScript

• Mozilla 的 JavaScript-C（C語(yǔ)言實(shí)現(xiàn)），現(xiàn)名 SpiderMonkey

• Mozilla 的 Rhino（Java 實(shí)現(xiàn)）

• Digital Mars 公司的 DMDScript

• Google 公司的 V8

（點(diǎn)擊查看大圖）

在接下來(lái)的幾年里，國(guó)際標(biāo)準(zhǔn)化組織及國(guó)際電工委員會(huì)（ISO/IEC）也采納 ECMAScript 作為標(biāo)準(zhǔn)（ISO/IEC-16262）。從此，Web 瀏覽器就開(kāi)始努力（雖然有著不同的程度的成功和失敗）將 ECMAScript 作為 JavaScript 實(shí)現(xiàn)的基礎(chǔ)。

五、JavaScript常用來(lái)完成以下任務(wù)

1、嵌入動(dòng)態(tài)文本于HTML頁(yè)面

2、對(duì)瀏覽器事件作出響應(yīng)

3、讀寫HTML元素

4、在數(shù)據(jù)被提交到服務(wù)器之前驗(yàn)證數(shù)據(jù)

5、檢測(cè)訪客的瀏覽器信息

6、控制cookies，包括創(chuàng)建和修改等

六、Javascript的使用方式

Javascript加入網(wǎng)頁(yè)有兩種方法：直接方式和引用方式。

1、直接方式

這是最常用的方法，大部分含有Javascript的網(wǎng)頁(yè)都采用這種方法，例如：

<html>    　 <head>     　<title>簡(jiǎn)單的JavaScript Hello World</title>         <script type="text/javascript">             document.write("Hello, 馬海祥博客!");   // 在瀏覽器視窗內(nèi)直接顯示             alert("Hello, 馬海祥博客!");            //  彈窗顯示             console.log("Hello, 馬海祥博客!");      // 在控制臺(tái)(console)里顯示，需要先開(kāi)啟開(kāi)發(fā)工具控制臺(tái)         </script>     　</head>     　<body> 　　HTML頁(yè)面內(nèi)容……     　</body> 　　</html>

在這個(gè)例子中，我們可看到一個(gè)新的標(biāo)簽：<script>……</script>，而<script language="Javascript"> 用來(lái)告訴瀏覽器這是用Javascript編寫的程序，需要調(diào)動(dòng)相應(yīng)的解釋程序進(jìn)行解釋。（w3c已經(jīng)建議使用新的標(biāo)準(zhǔn)：<script type="application/javascript">)

注意在非xhtml文檔中插入script標(biāo)簽時(shí)，如果不是引用外部文件，應(yīng)該在script內(nèi)加上cdata聲明，避免大于和小于運(yùn)算符引起的瀏覽器解析錯(cuò)誤

２、引用方式

如果已經(jīng)存在一個(gè)Javascript源文件（通常以js為擴(kuò)展名），則可以采用這種引用的方式，以提高程序代碼的利用率。其基本格式如下：

<script src=“url” type="text/javascript"></script>

其中的Url就是程序文件的地址。同樣的，這樣的語(yǔ)句可以放在HTML文檔頭部或主體的任何部分。如果要實(shí)現(xiàn)“直接插入方式”中所舉例子的效果，可以首先創(chuàng)建一個(gè)Javascript源代碼文件“Script.js”，其內(nèi)容如下：

document.write("這是Javascript！采用直接插入的方法！");

在網(wǎng)頁(yè)中可以這樣調(diào)用程序：<script src="Script.js" type="text/javascript"></script> 。

也可以同時(shí)在導(dǎo)入文件時(shí)制定javascript的版本，例如：<script src="Script.js" type="text/javascript; version=1.8"></script>

注意：凡是指定了src屬性的script標(biāo)簽里的內(nèi)容都會(huì)被忽略。