jQuery開(kāi)發(fā)基礎(chǔ)教程第1章-JavaScript基礎(chǔ)

本章要求：第1章JavaScript根底了解什么是JavaScript

了解什么JavaScript庫(kù)以

了解如何編寫(xiě)JavaScript的程序

掌握J(rèn)avaScript開(kāi)發(fā)工具的使用

主要內(nèi)容1.什么是JavaScript2.JavaScript的作用3.JavaScript的根本特點(diǎn)4.使用工具編寫(xiě)JavaScript腳本5.編寫(xiě)第一個(gè)JavaScript程序6.JavaScript庫(kù)簡(jiǎn)介第1章JavaScript根底1.1.1什么是JavaScript1.1.2JavaScript的作用1.1.3JavaScript的根本特點(diǎn)1.1JavaScript概述

JavaScript是由Netscape公司開(kāi)發(fā)的一種腳本語(yǔ)言。JavaScript原名LiveScript，是目前客戶端瀏覽程序最普遍的Script語(yǔ)言。

JavaScript是Web頁(yè)面中的一種腳本編程語(yǔ)言，也是一種通用的、跨平臺(tái)的、基于對(duì)象和事件驅(qū)動(dòng)并具有相對(duì)平安性的解釋型腳本語(yǔ)言，在Web系統(tǒng)中得到了非常廣泛的應(yīng)用。它不需要進(jìn)行編譯，而是直接嵌入在HTML頁(yè)面中，把靜態(tài)頁(yè)面轉(zhuǎn)變成支持用戶交互并響應(yīng)相應(yīng)事件的動(dòng)態(tài)頁(yè)面。1.1.1什么是JavaScript1.1.2JavaScript的作用

圖1-1驗(yàn)證用戶名和密碼是否正確在程序開(kāi)發(fā)過(guò)程中，用戶輸入內(nèi)容的校驗(yàn)常分為兩種：功能性校驗(yàn)和格式性校驗(yàn)。功能性校驗(yàn)常常與效勞器端的數(shù)據(jù)庫(kù)相關(guān)聯(lián)，因此，這種校驗(yàn)必須將表單提交到效勞器端后才能進(jìn)行。例如在開(kāi)發(fā)管理員登錄頁(yè)面時(shí)，要求用戶輸入正確的用戶名和密碼，以確定管理員的真實(shí)身份。如果用戶輸入了錯(cuò)誤的信息，將彈出相應(yīng)的提示，如下圖。這項(xiàng)校驗(yàn)必須通過(guò)表單提交后，由效勞器端的程序進(jìn)行驗(yàn)證。使用JavaScript腳本實(shí)現(xiàn)的動(dòng)態(tài)頁(yè)面，在Web上隨處可見(jiàn)。下面將介紹幾種JavaScript常見(jiàn)的應(yīng)用。格式性校驗(yàn)可以只發(fā)生在客戶端，即在表單提交到效勞器端之前完成。JavaScript能及時(shí)響應(yīng)用戶的操作，對(duì)提交表單做即時(shí)的檢查，無(wú)需浪費(fèi)時(shí)間交由CGI驗(yàn)證。JavaScript常用于對(duì)于用戶輸入的格式性校驗(yàn)。如圖1-2所示是一個(gè)要求用戶輸入購(gòu)卡人的詳細(xì)信息，它要求對(duì)用戶的輸入進(jìn)行以下校驗(yàn)。圖1-2校驗(yàn)用戶輸入的格式是否正確

〔1〕學(xué)生考號(hào)、移動(dòng)、固定和E-mail不能為空。

〔2〕學(xué)生考號(hào)必須是12位。

〔3〕移動(dòng)必須由11位數(shù)字組成，且以“13”和“15”開(kāi)頭。

〔4〕固定必須是“3位區(qū)號(hào)-8位話號(hào)”或“4位區(qū)號(hào)-7位或8位話號(hào)”。

〔5〕E-mail必須包含“@”和“.”兩個(gè)有效字符。

當(dāng)用戶輸入不符合指定格式的移動(dòng)號(hào)碼時(shí)，就會(huì)在頁(yè)面輸出提示信息“移動(dòng)號(hào)碼的格式不正確”。實(shí)時(shí)顯示添加內(nèi)容

在Web編程中，多數(shù)情況下需要程序與用戶進(jìn)行交互，告訴用戶已經(jīng)發(fā)生的情況，或者從用戶的輸入那里獲得下一步的數(shù)據(jù)，程序的運(yùn)行過(guò)程大多數(shù)是一步步交互的過(guò)程。這種完全不用通過(guò)效勞器端處理，僅在客戶端動(dòng)態(tài)顯示網(wǎng)頁(yè)的功能，不僅可以節(jié)省網(wǎng)頁(yè)與效勞器端之間的通信時(shí)間，又可以制作出便于用戶使用的友好界面，使程序功能更加人性化。例如，在簽寫(xiě)許愿信息時(shí)，為了讓用戶可以實(shí)時(shí)看到添加后字條的樣式，用戶每輸入一個(gè)文字，在右側(cè)的字條預(yù)覽區(qū)實(shí)時(shí)預(yù)覽簽寫(xiě)許愿字條內(nèi)容的效果，如圖1-3所示。圖1-3實(shí)時(shí)預(yù)覽許愿字條動(dòng)畫(huà)效果在瀏覽網(wǎng)頁(yè)時(shí)，經(jīng)常會(huì)看到一些動(dòng)畫(huà)效果，使頁(yè)面顯得更加生動(dòng)。使用JavaScript腳本語(yǔ)言也可以實(shí)現(xiàn)動(dòng)畫(huà)效果，例如在頁(yè)面中實(shí)現(xiàn)一種星星閃爍的效果，如圖1-4所示。圖1-4動(dòng)畫(huà)效果窗口的應(yīng)用在翻開(kāi)網(wǎng)頁(yè)時(shí)經(jīng)常會(huì)看到一些浮動(dòng)的廣告窗口，這些廣告窗口是網(wǎng)站最大的盈利手段。我們也可以通過(guò)JavaScript腳本語(yǔ)言來(lái)實(shí)現(xiàn)，例如如圖1-5所示的廣告窗口。圖1-5窗口的應(yīng)用文字特效使用JavaScript腳本語(yǔ)言可以使文字實(shí)現(xiàn)多種特效。例如波浪文字，如圖1-6所示。圖1-6文字特效1.1.3JavaScript的根本特點(diǎn)JavaScript是為適應(yīng)動(dòng)態(tài)網(wǎng)頁(yè)制作的需要而誕生的一種新的編程語(yǔ)言，如今越來(lái)越廣泛地應(yīng)用于Internet網(wǎng)頁(yè)制作上。JavaScript腳本語(yǔ)言具有以下幾個(gè)根本特點(diǎn)。

JavaScript不同于一些編譯性的程序語(yǔ)言，例如C、C++等，它是一種解釋性的程序語(yǔ)言，它的源代碼不需要經(jīng)過(guò)編譯，而直接在瀏覽器中運(yùn)行時(shí)被解釋。解釋性JavaScript是一種基于對(duì)象的語(yǔ)言。這意味著它能運(yùn)用自己已經(jīng)創(chuàng)立的對(duì)象。因此，許多功能可以來(lái)自于腳本環(huán)境中對(duì)象的方法與腳本的相互作用。基于對(duì)象JavaScript可以直接對(duì)用戶或客戶輸入做出響應(yīng)，無(wú)須經(jīng)過(guò)Web效勞程序。它對(duì)用戶的響應(yīng)，是以事件驅(qū)動(dòng)的方式進(jìn)行的。所謂事件驅(qū)動(dòng)，就是指在主頁(yè)中執(zhí)行了某種操作所產(chǎn)生的動(dòng)作，此動(dòng)作稱為“事件”。比方按下鼠標(biāo)、移動(dòng)窗口、選擇菜單等都可以視為事件。當(dāng)事件發(fā)生后，可能會(huì)引起相應(yīng)的事件響應(yīng)。事件驅(qū)動(dòng)JavaScript是一種基于Java根本語(yǔ)句和控制流之上的簡(jiǎn)單而緊湊的設(shè)計(jì),從而對(duì)于學(xué)習(xí)Java是一種非常好的過(guò)渡。其次它的變量類型是采用弱類型，并未使用嚴(yán)格的數(shù)據(jù)類型。簡(jiǎn)單性

JavaScript依賴于瀏覽器本身，與操作環(huán)境無(wú)關(guān)，只要能運(yùn)行瀏覽器的計(jì)算機(jī)，并支持JavaScript的瀏覽器就可正確執(zhí)行?？缙脚_(tái)JavaScript是一種平安性語(yǔ)言，它不允許訪問(wèn)本地的硬盤(pán)，并不能將數(shù)據(jù)存入到效勞器上，不允許對(duì)網(wǎng)絡(luò)文檔進(jìn)行修改和刪除，只能通過(guò)瀏覽器實(shí)現(xiàn)信息瀏覽或動(dòng)態(tài)交互。這樣可有效地防止數(shù)據(jù)的喪失。平安性1.2編寫(xiě)JavaScript的工具

1.2.1使用記事本

1.2.2使用FrontPage1.2.3使用Dreamweaver

記事本是最原始的JavaScript開(kāi)發(fā)工具，它最大的優(yōu)點(diǎn)就是不需要獨(dú)立安裝，只要安裝微軟公司的操作系統(tǒng)，利用系統(tǒng)自帶的記事本，就可以開(kāi)發(fā)JavaScript應(yīng)用程序。對(duì)于計(jì)算機(jī)硬件條件有限的讀者來(lái)說(shuō)，記事本是最好的JavaScript應(yīng)用程序開(kāi)發(fā)工具?！纠?-1】下面將介紹如何通過(guò)使用記事本工具來(lái)作為JavaScript的編輯器編寫(xiě)第一個(gè)JavaScript腳本?！?〕單擊“開(kāi)始”菜單，選擇“程序”/“附件”/“記事本”選項(xiàng)，翻開(kāi)記事本工具?！?〕在記事本的工作區(qū)域輸入HTML標(biāo)識(shí)符和JavaScript代碼。<html><head><title>一段簡(jiǎn)單的JavaScript代碼</title><scriptlanguage="javascript"> window.alert("歡送光臨本網(wǎng)站");</script></head><body><h3>這是一段簡(jiǎn)單的JavaScript代碼。</h3></body></html>1.2.1使用記事本

〔3〕編輯完畢后，選擇“文件”/“保存”命令，在翻開(kāi)的“另存為”對(duì)話框中，輸入文件名，將其保存為.html格式或.htm格式。保存完.html格式后文件圖標(biāo)，將會(huì)變成一個(gè)IE瀏覽器的圖標(biāo)，雙擊此圖標(biāo)，以上代碼的運(yùn)行結(jié)果會(huì)在瀏覽器中顯示，如圖1-7所示。圖1-7用記事本編寫(xiě)JavaScript程序

說(shuō)明:利用記事本開(kāi)發(fā)JavaScript程序也存在著缺點(diǎn)，就是整個(gè)編程過(guò)程要求開(kāi)發(fā)者完全手工輸入程序代碼，這就影響了程序的開(kāi)發(fā)速度。所以，在條件允許的情況下，最好不要只選擇記事本開(kāi)發(fā)JavaScript程序。FrontPage是微軟公司開(kāi)發(fā)的一款強(qiáng)大的Web制作工具和網(wǎng)絡(luò)管理向?qū)?，它包括HTML處理程序、網(wǎng)絡(luò)管理工具、動(dòng)畫(huà)圖形創(chuàng)立、編輯工具以及Web效勞器程序。通過(guò)FrontPage創(chuàng)立的網(wǎng)站不僅內(nèi)容豐富而且專業(yè)，最值得一提的是，它的操作界面與Word的操作界面極為相似，非常容易學(xué)習(xí)和使用。【例1-2】下面介紹應(yīng)用FrontPage編寫(xiě)JavaScript腳本的步驟。〔1〕翻開(kāi)FrontPage，默認(rèn)創(chuàng)立一個(gè)new_page_1.htm的文檔，如圖1-8所示。1.2.2使用FrontPage

圖1-8默認(rèn)文檔頁(yè)用戶可以直接在該文檔中編寫(xiě)JavaScript腳本。另外，用戶也可以通過(guò)菜單欄新建一個(gè)HTML文件來(lái)編寫(xiě)JavaScript腳本。單擊“文件”/“新建”/“網(wǎng)頁(yè)”選項(xiàng)，就會(huì)彈出一個(gè)網(wǎng)頁(yè)制作的向?qū)?，?方面提供了幾十種根本方案供用戶選擇，如圖1-9所示。在“常規(guī)”選項(xiàng)卡中一共提供了26種模板供用戶選擇。在“框架網(wǎng)頁(yè)”中，提供了10種框架結(jié)構(gòu)，幾乎包括了所有常見(jiàn)的網(wǎng)頁(yè)框架?！皹邮奖怼蹦敲茨軒椭脩舸_定統(tǒng)一的文字風(fēng)格。圖1-9新建文檔〔2〕在翻開(kāi)的頁(yè)面中，頁(yè)面下方有3個(gè)視圖形式，分別為“普通”、“HTML”和“預(yù)覽”。在“普通”視圖中，可以在頁(yè)面插入HTML元素，進(jìn)行頁(yè)面布局和設(shè)計(jì)，如圖1-10所示；圖1-10“普通”視圖

在“HTML”視圖中，可以編輯JavaScript程序，如圖1-11所示；圖1-11“HTML”視圖在“預(yù)覽”視圖中，可以運(yùn)行網(wǎng)頁(yè)內(nèi)容，如圖1-12所示。圖1-12“預(yù)覽”視圖

Dreamweaver是當(dāng)今流行的網(wǎng)頁(yè)編輯工具之一。它采用了多種先進(jìn)技術(shù)，提供了圖形化程序設(shè)計(jì)窗口，能夠快速高效地創(chuàng)立網(wǎng)頁(yè)，并生成與之相關(guān)的程序代碼，使網(wǎng)頁(yè)創(chuàng)作過(guò)程變得簡(jiǎn)單化，生成的網(wǎng)頁(yè)也極具表現(xiàn)力。Dreamweaver的下載地址為:///downloads/【例1-3】下面介紹應(yīng)用Dreamweaver編程JavaScript腳本的步驟?！?〕安裝Dreamweaver后，首次運(yùn)行Dreamweaver時(shí)，展現(xiàn)給用戶的是一個(gè)“工作區(qū)設(shè)置”的對(duì)話框，在此對(duì)話框中，用戶可以選擇自己喜歡的工作區(qū)布局，如“設(shè)計(jì)者”或“代碼編寫(xiě)者”，如圖1-13所示。這兩者的區(qū)別是在Dreamweaver的右邊或是左邊顯示窗口面板區(qū)。1.2.3使用Dreamweaver

圖1-13“工作區(qū)設(shè)置”對(duì)話框〔2〕選擇工作區(qū)布局，并單擊“確定”按鈕后。選擇“文件”/“新建”命令，將翻開(kāi)“新建文檔”對(duì)話框。在該對(duì)話框中的“類別”列表區(qū)選擇“根本頁(yè)”，再根據(jù)實(shí)際情況來(lái)選擇所應(yīng)用的腳本語(yǔ)言，這里選擇的是“HTML”，然后單擊“創(chuàng)立”按鈕，創(chuàng)立以JavaScript為主腳本語(yǔ)言的文件，如圖1-14所示。圖1-14“新建文檔”對(duì)話框

說(shuō)明:如果用戶選擇了“JavaScript”選項(xiàng)，那么創(chuàng)立一個(gè)JavaScript文檔。在創(chuàng)立JavaScript腳本的外部文件時(shí)不需要使用<script>標(biāo)記，但是文件的擴(kuò)展名必須使用.js類型。調(diào)用外部文件可以使用<script>標(biāo)記的src屬性。如果JavaScript腳本外部文件保存在本機(jī)中，src屬性可以是全部路徑或是局部路徑。如果JavaScript腳本外部文件保存在其他效勞器中，src屬性需要指定完全的路徑〔3〕在翻開(kāi)的頁(yè)面中，有3種視圖形式，分別為代碼、拆分和設(shè)計(jì)。在代碼視圖中，可以編輯程序代碼，如圖1-15所示；圖1-15代碼視圖在拆分視圖中，可以同時(shí)編輯代碼視圖和設(shè)計(jì)視圖中的內(nèi)容，如圖1-16所示；圖1-16拆分視圖在設(shè)計(jì)視圖中，可以在頁(yè)面中插入HTML元素，進(jìn)行頁(yè)面布局和設(shè)計(jì)，如圖1-17所示。圖1-17設(shè)計(jì)視圖注意：在代碼模式中編寫(xiě)的JavaScript腳本，在設(shè)計(jì)模式中不會(huì)輸出顯示，也沒(méi)有任何標(biāo)記在Dreamweaver中插入HTML元素后，通過(guò)“屬性”面板可以方便地定義元素的屬性，使其滿足頁(yè)面布局的要求。在頁(yè)面中，允許多個(gè)表格的嵌套；可以插入圖像、flash等；可以插入表單元素，例如：文本框、列表/菜單、復(fù)選框、按鈕等。

〔4〕設(shè)計(jì)頁(yè)面及編寫(xiě)代碼完成后，保存該文件到指定目錄下，文件的擴(kuò)展名為“.html”或“.htm”。1.3編寫(xiě)第一個(gè)JavaScript程序

1.3.1編寫(xiě)JavaScript1.3.2運(yùn)行JavaScript程序

1.3.3調(diào)試JavaScript程序

【例1-4】下面應(yīng)用Dreamweaver編輯器編寫(xiě)第一個(gè)JavaScript程序?！?〕啟動(dòng)Dreamweaver編輯器，單擊“文件”/“新建”命令，翻開(kāi)“新建文檔”對(duì)話框，選擇“常規(guī)”選項(xiàng)卡中的“根本頁(yè)”/“JavaScript”選項(xiàng)，然后，單擊“創(chuàng)立”按鈕，即可成功創(chuàng)立一個(gè)JavaScript文件?！?〕JavaScript的程序代碼必須置身于<scriptlanguage="javascript"></script>之間。在<body>標(biāo)記中輸入如下代碼：<scriptlanguage="javascript"> alert("我要學(xué)JavaScript！");</script>1.3.1編寫(xiě)JavaScript

在Dreamweaver中輸入JavaScript腳本程序的運(yùn)行結(jié)果如圖1-18所示。圖1-18在Dreamweaver中輸入JavaScript腳本程序JavaScript腳本在HTML文件中的位置有3種。在HTML的<body>標(biāo)記中的任何位置。如果所編寫(xiě)的JavaScript程序用于輸出網(wǎng)頁(yè)的內(nèi)容，應(yīng)該將JavaScript程序置于HTML文件中需要顯示該內(nèi)容的位置。在HTML的<head>標(biāo)記中。如果所編寫(xiě)的JavaScript程序需要在某一個(gè)HTML文件中屢次使用，那么，就應(yīng)該編寫(xiě)JavaScript函數(shù)〔function〕，并將函數(shù)置身于該HTML的<head>標(biāo)記中。<scriptlanguage="javascript">functioncheck(){ alert("我被調(diào)用了");}</script>使用時(shí)直接調(diào)用該函數(shù)名就可以了。<inputtype="submit"value="提交"onClick="check()">單擊“提交”按鈕，調(diào)用check()函數(shù)。在一個(gè)js的單獨(dú)的文件中。如果所編寫(xiě)的JavaScript程序需要在多個(gè)HTML文件中使用，或者，所編寫(xiě)的JavaScript程序內(nèi)容很長(zhǎng)，這時(shí)，就應(yīng)該將這段JavaScript程序置于單獨(dú)的js文件中，然后在所需要的HTML文件“a.html”中，通過(guò)<script>標(biāo)記包含該js文件。如：<scriptsrc="ch1-1.js"></script>被包含的ch1-1.js文件代碼如下。document.write('這是外部文件中JavaScript代碼!');注意：在外部的JavaScript程序文件“ch1-1.js”中不必使用<script>標(biāo)記。

〔3〕雖然大多數(shù)瀏覽器都支持JavaScript，但少局部瀏覽器不支持JavaScript，還有些支持JavaScript的瀏覽器為了平安問(wèn)題關(guān)閉了對(duì)<JavaScript>的支持。如果遇到不支持JavaScript腳本的瀏覽器，網(wǎng)頁(yè)會(huì)達(dá)不到預(yù)期效果或出現(xiàn)錯(cuò)誤。解決這個(gè)問(wèn)題可以使用以下兩種方法。

HTML注釋符號(hào)HTML注釋符號(hào)是以<!--開(kāi)始以-->結(jié)束的。但是JavaScript不能識(shí)別HTML注釋的結(jié)果局部“-->”，如在“-->”前面使用“//”一樣。如果在此注釋符號(hào)內(nèi)編寫(xiě)JavaScript腳本，對(duì)于不支持JavaScript的瀏覽器，將會(huì)把編寫(xiě)的JavaScript腳本作為注釋處理。

<noscript>標(biāo)記如果當(dāng)前瀏覽器支持JavaScript腳本，那么該瀏覽器將會(huì)忽略<noscript>…</noscript>標(biāo)記之間的任何內(nèi)容。如果瀏覽器不支持JavaScript腳本，那么瀏覽器將會(huì)把這兩個(gè)標(biāo)記之間的內(nèi)容顯示出來(lái)。通過(guò)此標(biāo)記可以提醒瀏覽者當(dāng)前使用的瀏覽器是否支持JavaScript腳本?！?〕JavaScript腳本語(yǔ)言區(qū)分字母大小寫(xiě)?！?〕在創(chuàng)立好JavaScript程序后，選擇“文件”/“保存”命令，在彈出的“另存為”對(duì)話框中，輸入文件名，將其保存為.html格式或.htm格式，如圖1-19所示。圖1-19“另存為”對(duì)話框運(yùn)行用Javascript編寫(xiě)的程序需要能支持Javascript語(yǔ)言的瀏覽器。Netscape公司Navigator3.0以上版本的瀏覽器都能支持Javascript程序，微軟公司InternetExplorer3.0以上版本的瀏覽器根本上支持Javascript。雙擊剛剛保存的“index.html”文件，在瀏覽器中輸出運(yùn)行結(jié)果，如圖1-20所示。1.3.2運(yùn)行JavaScript程序

圖1-20編寫(xiě)第一個(gè)JavaScript程序說(shuō)明：在IE瀏覽器中，選擇“查看”/“源文件”命令，可以查看到程序生成的HTML源代碼。在客戶端查看到的源代碼是經(jīng)過(guò)瀏覽器解釋的HTML代碼，如果將JavaScript腳本存儲(chǔ)在單獨(dú)的文件中，那么在查看源文件時(shí)不會(huì)顯示JavaScript程序源代碼。

程序出錯(cuò)類型分為語(yǔ)法錯(cuò)誤和邏輯錯(cuò)誤兩種。1．語(yǔ)法錯(cuò)誤語(yǔ)法錯(cuò)誤是在程序開(kāi)發(fā)中使用不符合某種語(yǔ)言規(guī)那么的語(yǔ)句，從而產(chǎn)生的錯(cuò)誤稱為語(yǔ)法錯(cuò)誤。例如，錯(cuò)誤地使用了JavaScript的關(guān)鍵字，錯(cuò)誤地定義了變量名稱等，這時(shí)，當(dāng)瀏覽器運(yùn)行JavaScript程序時(shí)就會(huì)報(bào)錯(cuò)。例如，將上面程序中的第11行中的語(yǔ)句改寫(xiě)成下述語(yǔ)句，即將第一個(gè)字符由小寫(xiě)字母改成大寫(xiě)字母Alert("我要學(xué)JavaScript！");保存該文件后再次在瀏覽器中運(yùn)行，程序就會(huì)出錯(cuò)。運(yùn)行本程序，將會(huì)彈出如圖1-21所示的錯(cuò)誤信息。1.3.3調(diào)試JavaScript程序

圖1-21在IE瀏覽器中調(diào)試JavaScript2．邏輯錯(cuò)誤有些時(shí)候，程序中不存在語(yǔ)法錯(cuò)誤，也沒(méi)有執(zhí)行非法操作的語(yǔ)句，可是程序運(yùn)行的結(jié)果卻是不正確的，這種錯(cuò)誤叫做邏輯錯(cuò)誤。邏輯錯(cuò)誤對(duì)于編譯器來(lái)說(shuō)并不算錯(cuò)誤，但是由于代碼中存在的邏輯問(wèn)題，導(dǎo)致運(yùn)行結(jié)果沒(méi)有得到期望的結(jié)果。邏輯錯(cuò)誤在語(yǔ)法上是不存在錯(cuò)誤的，但是從程序的功能上看是Bug。它是最難調(diào)試和發(fā)現(xiàn)的Bug。因?yàn)樗鼈儾粫?huì)拋出任何錯(cuò)誤信息。唯一能看到的就是程序的功能〔或局部功能〕沒(méi)有實(shí)現(xiàn)。例如，某商城實(shí)現(xiàn)商品優(yōu)惠活動(dòng)，如果用戶是商城的會(huì)員，那么商品打八五折，代碼如下。<scriptlanguage="javascript">user="會(huì)員";if(user=="會(huì)員"){ price=485*8.5; //485是商品價(jià)格,8.5是打的八五折 alert("商品的會(huì)員價(jià)格是："+price); //輸出商品的會(huì)員價(jià)}</script>運(yùn)行程序時(shí)，程序沒(méi)有彈出錯(cuò)誤信息price=485*8.5/10; //485是商品價(jià)格,"8.5/10"是打的八五折對(duì)于邏輯錯(cuò)誤而言，發(fā)現(xiàn)錯(cuò)誤是容易的，但要查找出邏輯錯(cuò)誤的原因卻很困難。因此，1.4JavaScript庫(kù)

1.4.1什么是JavaScript庫(kù)

1.4.2常用的JavaScript庫(kù)

JavaScrip庫(kù)，是指可以方便的應(yīng)用到現(xiàn)有Web開(kāi)發(fā)體系中的、現(xiàn)成的JavaScript代碼資源，是一套包含工具、函數(shù)庫(kù)、約定以及嘗試從常用任務(wù)中抽象出可以復(fù)用的通用模塊，目標(biāo)是幫助使用者輕松地建立具有高難度交互的Web2.0特性的富客戶端頁(yè)面，并且兼容各大瀏覽器。它們通常由開(kāi)源社區(qū)開(kāi)發(fā)和維護(hù)，并被各大公司支持和使用。大多數(shù)的JavaScript庫(kù)都提供了以下功能：命名空間支持、JavaScript可用性增強(qiáng)工具、用戶界面組件、拖放組件、視覺(jué)效果和動(dòng)畫(huà)、布局管理工具、元素樣式操作、Ajax支持、DOM支持、事件處理增強(qiáng)工具、操作日志和調(diào)試功能、單元測(cè)試架構(gòu)等。

1.4.1什么是JavaScript庫(kù)

目前流行的JavaScript庫(kù)有：jQuery、Prototype、ExtJS、Dojo、YUI、MooTools等，下面進(jìn)行簡(jiǎn)單介紹。Prototype〔:///download〕Prototype是最早成型的JavaScript庫(kù)之一，它的特點(diǎn)是功能實(shí)用而且尺寸較小，定義了JavaScript面向?qū)ο髷U(kuò)展、DOM操作API，事件等等，非常適合在中小型Web應(yīng)用中使用。Prototype框架大大簡(jiǎn)化了JavaScript代碼的編寫(xiě)工作，同時(shí)兼容各個(gè)瀏覽器。ExtJS〔://〕ExtJS通常成為Ext，是一個(gè)非常優(yōu)秀的Ajax框架，可以用來(lái)開(kāi)發(fā)具有絢麗外觀的富客戶端應(yīng)用。Ext開(kāi)發(fā)的多彩界面吸引了許多程序員的眼球，同時(shí)也吸引了眾多客戶，對(duì)于企業(yè)應(yīng)用系統(tǒng)，Ext非常使用。但ExtJS體積較大，導(dǎo)致頁(yè)面加載速度比較慢，另外Ext并不是完全免費(fèi)的，如果用于商業(yè)用途，是需要付費(fèi)獲得授權(quán)許可的。Dojo〔://〕Dojo是一個(gè)強(qiáng)大的面向?qū)ο蟮腏avaScript框架。主要由三大模塊組成：Core、Dijit、DojoX。Core提供了構(gòu)建Web應(yīng)用必須的幾乎所有根底功能。Dijit是一個(gè)可更換皮膚，基于模板的WEBUI控件庫(kù)。DojoX包括一些創(chuàng)新的代碼和控件：DateGrid，charts，離線應(yīng)用，跨瀏覽器矢量繪圖等。Dojo功能強(qiáng)大，組件豐富，采用面向?qū)ο蟮脑O(shè)計(jì)，有統(tǒng)一命名空間和管理機(jī)制，適用于企業(yè)級(jí)或是復(fù)雜的大型Web應(yīng)用開(kāi)發(fā)。它的缺點(diǎn)是比較復(fù)雜，學(xué)習(xí)曲線陡，文檔不齊全，API不穩(wěn)定。但是Dojo還是一個(gè)很有開(kāi)展?jié)摿Φ膸?kù)。1.4.2常用的JavaScript庫(kù)

YUI〔〕YUI〔Yahoo!UserInterfaceLibrary〕是一個(gè)使用JavaS