1、JavaScript程序設(shè)計(jì)賈素玲 王強(qiáng) 主編張劍 曹爽 董亮 編著 周二:上課：56 地點(diǎn): 北503上機(jī)：78 地點(diǎn): 1104 周四:上課：12 地點(diǎn): 北503上機(jī)：34 地點(diǎn):1104 周五:上課：12 地點(diǎn): 2-201上機(jī)：34 地點(diǎn):3-302 周五:上課：56 地點(diǎn): 2-201上機(jī)：34 地點(diǎn):3-305 第一章 JavaScript簡(jiǎn)介本章結(jié)構(gòu)什么是JavaScript編寫(xiě)第一個(gè)JavaScript程序JavaScript開(kāi)發(fā)工具腳本語(yǔ)言簡(jiǎn)介小結(jié)思考題什么是JavaScriptJavaScript語(yǔ)言的定義JavaScript是一種解釋型腳本語(yǔ)言（腳本語(yǔ)言是一種通過(guò)瀏覽器

2、的解釋程序解釋執(zhí)行的程序設(shè)計(jì)語(yǔ)言。）基于對(duì)象和事件驅(qū)動(dòng)并具有安全性能用于開(kāi)發(fā)交互式的Web頁(yè)面不僅可以直接應(yīng)用在HTML頁(yè)面中以實(shí)現(xiàn)動(dòng)態(tài)效果，也可以用在服務(wù)器端完成訪問(wèn)數(shù)據(jù)庫(kù)、讀取文件系統(tǒng)等操作。 什么是JavaScriptJavaScript的發(fā)展歷史Netscape公司為自己的Navigator瀏覽器開(kāi)發(fā)了一種腳本語(yǔ)言，叫做LiveScript。在隨后的Navigator 2.0版本中，加入了對(duì)Java小應(yīng)用程序的支持，并將其更名為JavaScript，這便是JavaScript語(yǔ)言的誕生。隨后Microsoft公司在Internet Explorer 3.0中加入了自己的腳本語(yǔ)言功能，與

3、Navigator 2.0中的JavaScript非常類似，并取名為Jscript，還在IIS中提供了對(duì)服務(wù)器端JavaScript的支持。為了調(diào)和Netscape和Microsoft之間的分歧，誕生了一種國(guó)際標(biāo)準(zhǔn)化的JavaScript版本，叫做ECMAScript。什么是JavaScriptJavaScript的特性和應(yīng)用JavaScript的特性簡(jiǎn)單性：擁有簡(jiǎn)單的語(yǔ)法和開(kāi)發(fā)過(guò)程動(dòng)態(tài)性：可以直接對(duì)用戶輸入做出響應(yīng)，無(wú)須經(jīng)過(guò)Web服務(wù)端程序處理 安全性：不允許訪問(wèn)本地磁盤(pán)系統(tǒng)，并不能將數(shù)據(jù)存入服務(wù)器，不允許對(duì)網(wǎng)絡(luò)文檔進(jìn)行修改和刪除，只能通過(guò)瀏覽器實(shí)現(xiàn)信息瀏覽或動(dòng)態(tài)交互 跨平臺(tái)性：JavaSc

4、ript依賴于瀏覽器本身運(yùn)行，與操作環(huán)境無(wú)關(guān)JavaScript的應(yīng)用與HTML表單交互 對(duì)客戶端事件進(jìn)行處理 可對(duì)瀏覽器窗口進(jìn)行簡(jiǎn)單的控制可以通過(guò)自帶的document對(duì)象操作HTML文檔的外觀和內(nèi)容 可以讀寫(xiě)cookie什么是JavaScriptJavaScript的局限出于安全性的考慮，JavaScript不能對(duì)服務(wù)器和客戶機(jī)上的文件進(jìn)行讀寫(xiě)操作（Cookie文件除外）JavaScript不能用于制作多用戶程序 JavaScript不能用于對(duì)安全性認(rèn)證的處理 什么是JavaScript JavaScript與JavaJavaScript與Java沒(méi)有任何關(guān)系，它們是兩種完全不同的程序設(shè)計(jì)

5、語(yǔ)言Java是SUN公司開(kāi)發(fā)的一種需要編譯的高級(jí)面向?qū)ο笳Z(yǔ)言，可以用來(lái)開(kāi)發(fā)嵌入式應(yīng)用、桌面應(yīng)用和Web應(yīng)用等各種程序，它比JavaScript要復(fù)雜的多雖然它們是完全不同的程序設(shè)計(jì)語(yǔ)言，但是如果把Applet和JavaScript結(jié)合起來(lái)使用，可以獲得意想不到的效果，這是因?yàn)樗鼈兊奶匦允腔パa(bǔ)的。編寫(xiě)第一個(gè)JavaScript程序在學(xué)習(xí)JavaScript編程之前，讀者應(yīng)該首先了解HTML代碼的基本結(jié)構(gòu)。例1.1是一個(gè)顯示“Hello World！”字樣的頁(yè)面的源代碼：例1.1 簡(jiǎn)單的Hello World頁(yè)面代碼Hello World!Hello World!編寫(xiě)第一個(gè)JavaScript程序

6、下面來(lái)看一下例1.1的運(yùn)行結(jié)果：編寫(xiě)第一個(gè)JavaScript程序使用標(biāo)記HTML是基于標(biāo)記的文本，同樣，JavaScript的代碼也要放置在特定的標(biāo)記里面才會(huì)起作用。這個(gè)特定的標(biāo)記就是標(biāo)記，只有寫(xiě)在這個(gè)標(biāo)記里面的JavaScript代碼才會(huì)被識(shí)別。在目前的版本中，JavaScript標(biāo)記對(duì)大小寫(xiě)不敏感，如標(biāo)記可以寫(xiě)成或者都行。使用標(biāo)記的時(shí)候需要為它定義language屬性，用來(lái)指定這個(gè)采用的是什么類型的腳本語(yǔ)言。下面的例1.2使用JavaScript彈出一個(gè)對(duì)話框。 編寫(xiě)第一個(gè)JavaScript程序例1.2 通過(guò)JavaScript彈出Hello World對(duì)話框 Hello World!

7、alert(Hello World!);編寫(xiě)第一個(gè)JavaScript程序下面來(lái)看一下例1.2的運(yùn)行結(jié)果：編寫(xiě)第一個(gè)JavaScript程序使用JavaScript文件如果JavaScript代碼比較簡(jiǎn)短，可以直接放在HTML頁(yè)面中。但如果代碼非常多，則會(huì)使得HTML代碼看起來(lái)非常凌亂，在修改和維護(hù)的過(guò)程中可能會(huì)遇到很多問(wèn)題。另外，如果代碼中的一些方法在整個(gè)開(kāi)發(fā)過(guò)程中被經(jīng)常用到，則需要把它們拷貝到每個(gè)頁(yè)面中，不利于代碼的復(fù)用。 這個(gè)時(shí)候就需要把JavaScript代碼寫(xiě)到一個(gè)單獨(dú)的文件中，文件的擴(kuò)展名是“.js”，這樣開(kāi)發(fā)人員可以在標(biāo)記中通過(guò)src屬性引入放在外部的JavaScript文件。其

8、作用與把代碼直接寫(xiě)在頁(yè)面里是一樣的。 編寫(xiě)第一個(gè)JavaScript程序給JavaScript代碼添加注釋JavaScript為開(kāi)發(fā)人員提供了兩種注釋：?jiǎn)涡凶⑨尯投嘈凶⑨尅?單行注釋使用雙斜線“/”作為注釋標(biāo)記，將“/”放在一行代碼的末尾或者單獨(dú)一行的開(kāi)頭，它后面的內(nèi)容就是注釋部分。 多行注釋可以包含任意行數(shù)的注釋文本。多行注釋以“/*”標(biāo)記開(kāi)始，以“*/”標(biāo)記結(jié)束，中間的所有內(nèi)容都為注釋文本。 編寫(xiě)第一個(gè)JavaScript程序例1.3 添加了注釋的JavaScript代碼（省略了部分代碼）/This is a single-line comment sample/*This is a mu

9、lti-lines comment sampleWe dont have to use the / in front of the line*/編寫(xiě)第一個(gè)JavaScript程序從不兼容的瀏覽器中隱藏JavaScript由于瀏覽器版本和JavaScript版本有兼容性問(wèn)題，所以可能導(dǎo)致某些JavaScript代碼在一些瀏覽器版本中不能正確執(zhí)行。 針對(duì)這類問(wèn)題，開(kāi)發(fā)人員可以使用HTML注釋把JavaScript程序注釋起來(lái)，這樣不支持JavaScript的瀏覽器就不會(huì)把代碼內(nèi)容當(dāng)作文本顯示到頁(yè)面上，而是把它們當(dāng)作注釋來(lái)看待，不會(huì)做任何操作。 如：編寫(xiě)第一個(gè)JavaScript程序從不兼容的瀏覽器

10、中隱藏JavaScript“”是注釋的結(jié)束標(biāo)志。另外，需要注意，最后一行是以JavaScript單行注釋“/”開(kāi)始的，它告訴JavaScript編譯器忽略HTML注釋的內(nèi)容。Internet Explorer和Navigator也提供了一種關(guān)閉JavaScript語(yǔ)句的標(biāo)記，這就是標(biāo)記，在標(biāo)記中間可以寫(xiě)入一些文本內(nèi)容。這樣，當(dāng)遇到不支持JavaScript或者不希望執(zhí)行JavaScript的瀏覽器時(shí)，就會(huì)直接顯示標(biāo)記中的文本內(nèi)容。 編寫(xiě)第一個(gè)JavaScript程序調(diào)試JavaScript程序Microsoft腳本調(diào)試器是一款非常強(qiáng)大實(shí)用的腳本調(diào)試工具，可以實(shí)現(xiàn)暫停腳本、步進(jìn)執(zhí)行腳本、監(jiān)視腳本

11、值和在命令窗口執(zhí)行語(yǔ)句等功能，為開(kāi)發(fā)人員調(diào)試程序提供了極大的方便。 JavaScript開(kāi)發(fā)工具JavaScript中可以使用的開(kāi)發(fā)工具主要有兩大類，一類是基本的文本編輯工具，一類是專業(yè)可視化開(kāi)發(fā)工具。 文本編輯工具是最基礎(chǔ)的開(kāi)發(fā)工具，也是使用比較廣泛的工具，它也分成兩種類型。第一種是Windows自帶的記事本，這是一種純文本工具，不提供對(duì)JavaScript語(yǔ)言特性的任何支持。第二種是UltraEdit和EditPlus等高級(jí)文本編輯工具，這類工具能夠提供對(duì)很多語(yǔ)言元素的高亮顯示等功能，方便讀者開(kāi)發(fā)。第二類開(kāi)發(fā)人員經(jīng)常使用的工具是可視化工具，常見(jiàn)的是Frontpage和Dreamweaver

12、。它們具有許多處理JavaScript特性的功能，例如代碼自動(dòng)生成、調(diào)試和語(yǔ)法敏感性編輯等 。JavaScript開(kāi)發(fā)工具在IE6.0中調(diào)試JavaScript(1)打開(kāi)IE6.0(2)工具“Internet選項(xiàng)”(3)選擇“高級(jí)”選項(xiàng)卡，對(duì)IE進(jìn)行高級(jí)設(shè)置腳本語(yǔ)言簡(jiǎn)介Perl和JavaScript等腳本語(yǔ)言代表一種與c或Java為代表的系統(tǒng)程序設(shè)計(jì)語(yǔ)言完全不同的編程形式。與系統(tǒng)程序設(shè)計(jì)語(yǔ)言相比，腳本語(yǔ)言是為不同的工作而設(shè)計(jì)，這導(dǎo)致了語(yǔ)言間的根本不同。系統(tǒng)程序設(shè)計(jì)語(yǔ)言起源于內(nèi)存等最初期的計(jì)算機(jī)元素，它為建立數(shù)據(jù)結(jié)構(gòu)和算法而創(chuàng)建。相反的，腳本語(yǔ)言為連接應(yīng)用而設(shè)計(jì)：他們假設(shè)已經(jīng)存在一套強(qiáng)大的組件，

13、而它主要是把組件連在一起。系統(tǒng)程序設(shè)計(jì)語(yǔ)言使用強(qiáng)類型定義來(lái)幫助處理復(fù)雜事務(wù)，而腳本語(yǔ)言使用無(wú)類型定義來(lái)簡(jiǎn)化組件間的聯(lián)系，并提供快速應(yīng)用開(kāi)發(fā)。 與系統(tǒng)程序設(shè)計(jì)語(yǔ)言不同，腳本語(yǔ)言是可以“解釋”的，指令語(yǔ)句由中間程序（即命令解釋程序）順序執(zhí)行。解釋過(guò)程降低了執(zhí)行效率，但腳本語(yǔ)言簡(jiǎn)單易學(xué)并提供了強(qiáng)大的功能。 腳本語(yǔ)言簡(jiǎn)介除了JavaScript，目前流行的主要腳本語(yǔ)言還有VBScript、PHP、Perl、Python和Ruby等 Internet Explorer中默認(rèn)的腳本語(yǔ)言就是VBScript。 PHP是嵌入HTML文件的一種腳本語(yǔ)言。它的語(yǔ)法大部分是從C，Java和Perl語(yǔ)言中借用而來(lái)，并

14、形成了自己的獨(dú)有風(fēng)格。 Perl是“Practical Extraction Report Language”的縮寫(xiě)，它填補(bǔ)了Unix外殼編程和C語(yǔ)言應(yīng)用程序編程之間的空白。 Python是最近非常流行的一種腳本語(yǔ)言。 Ruby是Ruby On Rails目前Web開(kāi)發(fā)領(lǐng)域非常流行的一個(gè)輕量級(jí)框架的實(shí)現(xiàn)語(yǔ)言。本章小結(jié)JavaScript是一種基于對(duì)象和事件驅(qū)動(dòng)并具有安全性能的解釋型腳本語(yǔ)言，用于開(kāi)發(fā)交互式的Web頁(yè)面。它不僅可以直接應(yīng)用在HTML頁(yè)面中以實(shí)現(xiàn)動(dòng)態(tài)效果，也可以用在服務(wù)器端完成訪問(wèn)數(shù)據(jù)庫(kù)、讀取文件系統(tǒng)等操作。HTML是基于標(biāo)記的文本，在其中嵌入JavaScript程序需要使用標(biāo)記，并且把該標(biāo)記的language屬性值設(shè)為“javascript”，開(kāi)發(fā)人員需要把JavaScript腳本寫(xiě)到和中間，這樣當(dāng)瀏覽器讀取標(biāo)記的時(shí)候，就會(huì)執(zhí)行其中的代碼。JavaScript腳本可以寫(xiě)到外部的.js文件中，然后通過(guò)src屬性來(lái)引入。標(biāo)記可以在不兼容JavaScript的瀏覽器中顯示說(shuō)明。能夠開(kāi)發(fā)