會(huì)計(jì)學(xué)1CH10在網(wǎng)頁(yè)中使用腳本語(yǔ)言（1）腳本編寫語(yǔ)言（2）基于對(duì)象（3）簡(jiǎn)單性（4）安全性（5）動(dòng)態(tài)性（6）跨平臺(tái)

10.1.1JavaScript的特點(diǎn)

第1頁(yè)/共44頁(yè)

10.1.2JavaScript的運(yùn)行和編輯環(huán)境

運(yùn)行環(huán)境：InternetExplorer4.0或NetscapeNavigator3.0以上。編輯環(huán)境：任何可以編輯HTML文檔的文本編輯器或?qū)ｉT的網(wǎng)頁(yè)編輯器（FrontPage、Dreamweaver等）。

第2頁(yè)/共44頁(yè)

（1）使用SCRIPT標(biāo)記符插入腳本在網(wǎng)頁(yè)中最常用的一種插入腳本的方式是使用SCRIPT標(biāo)記符，方法是：把腳本標(biāo)記符<SCRIPT></SCRIPT>置于網(wǎng)頁(yè)上的HEAD部分或BODY部分，然后在其中加入腳本程序。盡管可以在網(wǎng)頁(yè)上的多個(gè)位置使用SCRIPT標(biāo)記符，但最好還是將腳本代碼放在HEAD部分，以確保容易維護(hù)。

10.1.3在網(wǎng)頁(yè)中使用JavaScript

第3頁(yè)/共44頁(yè)①書寫JavaScript時(shí)應(yīng)注意大小寫.②在JavaScript中，行尾用換行符作為一行完整代碼的終止字符.③若需要將幾行代碼放在一行中，應(yīng)使用分號(hào)將它們分開.④在JavaScript中，/*和*/也是注釋標(biāo)記。用戶在編寫JavaScript時(shí)應(yīng)注意以下幾點(diǎn)：第4頁(yè)/共44頁(yè)

（2）直接添加腳本

HTML可以直接在表單的輸入元素標(biāo)記符內(nèi)添加腳本，以響應(yīng)輸入元素的事件。

（3）鏈接腳本文件如果同一段腳本要在若干個(gè)Web頁(yè)中使用，則沒有必要在多處維護(hù)相同的冗余代碼，此時(shí)可以將腳本放在單獨(dú)的一個(gè)文件里，然后再在任何需要該文件的Web頁(yè)中調(diào)用該文件。要引用外部腳本文件，應(yīng)使用SCRIPT標(biāo)記符的src屬性來(lái)指定外部腳本文件的URL。第5頁(yè)/共44頁(yè)

所謂變量，就是程序中一個(gè)已命名的存儲(chǔ)單元。變量的主要作用是存取數(shù)據(jù)和提供存放信息的容器。

JavaScript支持的數(shù)據(jù)類型如下：Number（數(shù)字）、Boolean（布爾）、String（字符串）、Null（空）、Undefined（未定義）、Object（對(duì)象）。10.2JavaScript編程基礎(chǔ)

10.2.1JavaScript變量第6頁(yè)/共44頁(yè)在JavaScript中定義變量應(yīng)遵循以下規(guī)則：必須以字母或下劃線（_）開頭。在所說(shuō)明的范圍內(nèi)必須是唯一的。用var來(lái)定義變量，也可以用賦值語(yǔ)句聲明變量，但不能既不用var聲明變量，又不給它賦值。第7頁(yè)/共44頁(yè)

10.2.2JavaScript運(yùn)算符

在JavaScript中包括以下8類運(yùn)算符：（1）算術(shù)運(yùn)算符

：+、-、*、/、%、++、--（2）邏輯運(yùn)算符：&&、||、！（3）比較運(yùn)算符：

<、<=、>、>=、==、！=（4）字符串運(yùn)算符

：+（字符串接合操作）

（5）位操作運(yùn)算符：&、|、^、-、~、<<、>>、>>>第8頁(yè)/共44頁(yè)

（6）賦值運(yùn)算符：=、+=、-=、*=、／=、％=、&=、

（7）條件運(yùn)算符：：？：（8）其他運(yùn)算符：．、[]、（）、delete、new、void第9頁(yè)/共44頁(yè)

10.2.3JavaScript表達(dá)式

表達(dá)式是運(yùn)算符和操作數(shù)的組合。表達(dá)式通過(guò)求值確定表達(dá)式的值，這個(gè)值是對(duì)操作數(shù)實(shí)施運(yùn)算符所確定的運(yùn)算后產(chǎn)生的結(jié)果。有些運(yùn)算符將數(shù)值賦予一個(gè)變量，而另一些運(yùn)算符則可以用在其他表達(dá)式中。由于表達(dá)式是以運(yùn)算符為基礎(chǔ)的，因此表達(dá)式可以分為算術(shù)表達(dá)式、字符串表達(dá)式、賦值表達(dá)式以及邏輯表達(dá)式等等。

第10頁(yè)/共44頁(yè)

10.2.4JavaScript語(yǔ)句

（1）數(shù)據(jù)聲明語(yǔ)句聲明變量的語(yǔ)法如下：

var變量名[=初始值]

（2）賦值語(yǔ)句賦值語(yǔ)句是由賦值表達(dá)式組成的語(yǔ)句。

1．一般語(yǔ)句第11頁(yè)/共44頁(yè)（3）注釋語(yǔ)句

//：表示單行注釋，從“//”開始到本行結(jié)束都為注釋。

/*……*/：表示多行注釋，從“/*”開始到“*/”結(jié)束為注釋。第12頁(yè)/共44頁(yè)

在JavaScript中提供了if語(yǔ)句、ifelse語(yǔ)句以及switch語(yǔ)句等三種條件語(yǔ)句。

（1）if語(yǔ)句

if（條件）語(yǔ)句段；

（2）ifelse語(yǔ)句

if（條件）語(yǔ)句段1；

else

語(yǔ)句段2；

2．條件語(yǔ)句第13頁(yè)/共44頁(yè)

（3）switch語(yǔ)句如果需要對(duì)同一個(gè)表達(dá)式進(jìn)行多次判斷，那么就可以使用switch語(yǔ)句，格式如下：

switch（條件）

{casevalue1:

語(yǔ)句段1;casevalue2：語(yǔ)句段2;casevalue3：語(yǔ)句段3;

…default：語(yǔ)句段4；}第14頁(yè)/共44頁(yè)（1）for語(yǔ)句

for（初始化；條件；增量）

{

語(yǔ)句段；

}（2）while語(yǔ)句

while（條件）

{

語(yǔ)句段；

}

3．循環(huán)語(yǔ)句第15頁(yè)/共44頁(yè)

（3）dowhile語(yǔ)句

do{

語(yǔ)句段；

}while（條件）（4）break語(yǔ)句

break語(yǔ)句提供無(wú)條件跳出循環(huán)結(jié)構(gòu)或switch語(yǔ)句的功能。（5）continue語(yǔ)句

continue語(yǔ)句的作用是終止當(dāng)次循環(huán)，跳轉(zhuǎn)到循環(huán)的開始處繼續(xù)下一輪循環(huán)。第16頁(yè)/共44頁(yè)

4．其他語(yǔ)句

除了以上條件語(yǔ)句和循環(huán)語(yǔ)句以外，JavaScript中還包括以下語(yǔ)句：函數(shù)調(diào)用語(yǔ)句函數(shù)調(diào)用語(yǔ)句用于調(diào)用函數(shù)。return語(yǔ)句用于返回函數(shù)調(diào)用的值。with語(yǔ)句用于表示默認(rèn)對(duì)象。forin語(yǔ)句用于對(duì)一個(gè)對(duì)象的所有屬性進(jìn)行循環(huán)，直到每個(gè)屬性都訪問(wèn)到。第17頁(yè)/共44頁(yè)10.2.5JavaScript函數(shù)

函數(shù)是已命名的代碼塊，代碼塊中的語(yǔ)句被作為一個(gè)整體引用和執(zhí)行。定義函數(shù)的格式如下：

function函數(shù)名（參數(shù)1，參數(shù)2，．．．）

{

語(yǔ)句段；

…return表達(dá)式；

}第18頁(yè)/共44頁(yè)

通常鼠標(biāo)或熱鍵的動(dòng)作稱為事件（Event），而由鼠標(biāo)或熱鍵引發(fā)的一連串程序的動(dòng)作稱為事件驅(qū)動(dòng)（EventDriver）。比如，當(dāng)單擊鼠標(biāo)按鈕時(shí)就產(chǎn)生一個(gè)單擊（onClick）事件，當(dāng)打開一個(gè)網(wǎng)頁(yè)時(shí)就產(chǎn)生一個(gè)網(wǎng)頁(yè)的載入（onLoad）事件。

10.3JavaScript的事件驅(qū)動(dòng)

10.3.1什么是事件

第19頁(yè)/共44頁(yè)

當(dāng)用戶單擊鼠標(biāo)按鈕時(shí)，產(chǎn)生onClick事件，同時(shí)onClick指定的事件處理程序或代碼被調(diào)用執(zhí)行。OnClick事件通常在下列基本對(duì)象中產(chǎn)生：（1）button（按鈕）（2）checkbox（復(fù)選框）（3）radio（單選按鈕）（4）resetbutton（重置按鈕）（5）submitbutton（提交按鈕）10.3.2事件類型

1．單擊事件onClick

第20頁(yè)/共44頁(yè)

當(dāng)用戶改變表單元素的原有狀態(tài)后，將產(chǎn)生該表單元素的onChange事件。

2．改變事件onChange

當(dāng)用戶選中一段表單文本時(shí)，引發(fā)該事件。

3．選中事件onSelect第21頁(yè)/共44頁(yè)

當(dāng)用戶單擊鼠標(biāo)或用Tab鍵激活某一個(gè)表單元素時(shí)，產(chǎn)生該表單元素的聚焦事件，此時(shí)對(duì)象被選中。

4．聚焦事件onFocus

與onFocus事件相反，當(dāng)前激活表單元素從激活狀態(tài)變?yōu)榉羌せ顮顟B(tài)，即不再擁有焦點(diǎn)、而退到后臺(tái)時(shí)，引發(fā)該事件。

5．失去焦點(diǎn)事件onBlur

第22頁(yè)/共44頁(yè)

當(dāng)鼠標(biāo)指針位于超鏈接上時(shí)，產(chǎn)生onMouseOver事件。

6．鼠標(biāo)移動(dòng)事件onMouseOver

當(dāng)文檔載入時(shí)引發(fā)該事件。OnLoad事件的作用是在首次載入一個(gè)文檔時(shí)檢測(cè)cookie的值，并用一個(gè)變量為其賦值，使其可以被源代碼調(diào)用。

7．載入文件onLoad

當(dāng)Web頁(yè)面退出時(shí)引發(fā)onUnload事件。

8．卸載文在件onUnload第23頁(yè)/共44頁(yè)

對(duì)象就是客觀世界中存在的特定實(shí)體。

10.4JavaScript的對(duì)象

10.4.1JavaScript的內(nèi)部對(duì)象JavaScript提供了一些內(nèi)部對(duì)象，下面介紹三種常用的對(duì)象，即String對(duì)象、Date對(duì)象和Math對(duì)象。第24頁(yè)/共44頁(yè)String對(duì)象用來(lái)存放字符串，是靜態(tài)對(duì)象。（1）String對(duì)象的屬性

String對(duì)象只有一個(gè)屬性，即length，它表示字符串中的所有的字符個(gè)數(shù)，包括所有符號(hào)。（2）String對(duì)象的方法

String對(duì)象的方法主要用于有關(guān)字符串在Web中的顯示、字體大小、顏色、大小寫轉(zhuǎn)換等。String對(duì)象有19個(gè)方法。

1．String對(duì)象第25頁(yè)/共44頁(yè)

創(chuàng)建日期對(duì)象可以使用以下4種構(gòu)造函數(shù)中的一種：varvariable=newDate（）varvariable=newDate（milliseconds）varvariable=newDate（string）varvariable=newDate（year，month，day，hours，minutes，seconds，milliseconds）

2．Date對(duì)象第26頁(yè)/共44頁(yè)（1）獲取Date對(duì)象的常用方法

getDate（）返回一個(gè)整數(shù)，表示一月中的某一天（1~31）。getDay（）返回一個(gè)整數(shù)，表示星期中的某一天（0~6，0表示星期日，6表示星期六）。getHours（）返回表示當(dāng)前時(shí)間中的小時(shí)部分的整數(shù)（0~23）。getMinutes（）返回表示當(dāng)前時(shí)間中的分鐘部分的整數(shù)（0~59）。getMonth（）返回表示當(dāng)前日期中月的整數(shù)（0-11）。第27頁(yè)/共44頁(yè)getSeconds（）返回表示當(dāng)前時(shí)間中的秒部分的整數(shù)（0~59）。getTime（）返回從GMT時(shí)間1970年1月1日凌晨到當(dāng)前Date對(duì)象指定的時(shí)間之間的毫秒數(shù)。getYear（）返回日期對(duì)象中的年份，用2位或4位數(shù)字表示。toGMTString（）返回表示日期對(duì)象的世界時(shí)間的字符串，日期在轉(zhuǎn)換成字符串之前轉(zhuǎn)換到GMT零時(shí)區(qū)。toLocalString（）返回一個(gè)表示日期對(duì)象所表示的當(dāng)?shù)貢r(shí)間的字符串。toString（）返回一個(gè)表示日期對(duì)象的字符串。第28頁(yè)/共44頁(yè)（2）設(shè)置Date對(duì)象的常用方法setDate（）設(shè)置當(dāng)月號(hào)數(shù)；setDay（）設(shè)置星期幾。setHours（）設(shè)置小時(shí)數(shù)。setMinutes（）設(shè)置分鐘數(shù)。setMonth（）設(shè)置當(dāng)月的月份數(shù)。setSeconds（）設(shè)置秒數(shù)。setTime（）設(shè)置毫秒數(shù)。setYear（）設(shè)置年。第29頁(yè)/共44頁(yè)

Math對(duì)象包含用來(lái)進(jìn)行數(shù)學(xué)計(jì)算的屬性和方法。（1）Math對(duì)象的主要屬性

Math中提供了6個(gè)屬性，即：常數(shù)E、以10為底的自然對(duì)數(shù)ln10、以2為底的自然對(duì)數(shù)ln2、圓周率PI（3.14159）、1/2的平方根SQRT1-2、2的平方根SQRT2。

3．Math對(duì)象第30頁(yè)/共44頁(yè)Math對(duì)象的主要方法有：求絕對(duì)值：abs（）。求正弦、余弦值：sin（），cos（）。求反正弦、反余弦值：asin（），acos（）。求正切、反正切值：tan（），atan（）。四舍五入：round（）。求平方根：sqrt（）。

（2）Math對(duì)象的主要方法第31頁(yè)/共44頁(yè)

常用的瀏覽器有document對(duì)象和Windows對(duì)象。

1．document對(duì)象

document對(duì)象代表當(dāng)前瀏覽器窗口中的文檔，使用它可以訪問(wèn)到文檔中的所有其他對(duì)象（例如圖像、表單等），因此該對(duì)象是實(shí)現(xiàn)各種文檔功能的最基本對(duì)象。

10.4.2瀏覽器對(duì)象第32頁(yè)/共44頁(yè)（1）document對(duì)象的常用屬性

document對(duì)象最常用的屬性如下：

all表示文檔中所有HTML標(biāo)記符的數(shù)組。

bgcolor表示文檔的背景顏色。

forms表示文檔中所有表單的數(shù)組。

title表示文檔的標(biāo)題。第33頁(yè)/共44頁(yè)

（2）document對(duì)象的常用事件在客戶端腳本中，JavaScript通過(guò)對(duì)事件進(jìn)行響應(yīng)來(lái)獲得與用戶的交互。

document對(duì)象的常用事件有：onclick事件，表示鼠標(biāo)單擊時(shí)產(chǎn)生的事件；onload事件，表示在文檔裝載完畢時(shí)產(chǎn)生的事件；onunload事件，表示在文檔卸載完畢時(shí)產(chǎn)生的事件。另外還有onmouseover和onmouseout事件，分別表示鼠標(biāo)移上去和移開時(shí)發(fā)生的事件。第34頁(yè)/共44頁(yè)（3）document對(duì)象的常用方法

document對(duì)象的常用方法有clear、write和writen方法。①clear方法

clear方法一經(jīng)調(diào)用將清除當(dāng)前窗口中的內(nèi)容。注意，它既不改變由HTML定義的文檔的實(shí)際內(nèi)容，也不清除變量值等其它內(nèi)容，而只是將顯示區(qū)清空。第35頁(yè)/共44頁(yè)②write和writen方法這兩個(gè)方法用于向當(dāng)前窗口輸出代碼，其參數(shù)是要在窗口中輸出的HTML代碼字符串。

write與writen的區(qū)別在于writen方法在輸出串后自動(dòng)添加一個(gè)文本換行符（不是HTML的換行符<BR>）。此換行符只有在輸出文本在<PRE></PRE>標(biāo)記塊中才起作用，其它情況都被忽略。因此，在大多數(shù)情況下，這兩種方法沒有什么區(qū)別。第36頁(yè)/共44頁(yè)Window對(duì)象擁有12個(gè)屬性、8種方法和2種事件。

（1）Window對(duì)象的屬性

Window對(duì)象擁有以下屬性：

name屬性：當(dāng)前窗口的名字。

parent屬性：該屬性是一個(gè)窗口對(duì)象，它是當(dāng)前窗口的父窗口，它擁有與生俱來(lái)的窗口的所有方法和事件。

self屬性：該屬性是當(dāng)前窗口的Window對(duì)象。

2．Window對(duì)象第37頁(yè)/共44頁(yè)

top屬性：該屬性是一個(gè)Window對(duì)象，它是窗口集合中最頂層的窗口。

history：該屬性是一個(gè)對(duì)象，它包含三種方法和一個(gè)屬性。

location：該屬性是窗口定位對(duì)象。它擁有href、Protocol、host、Port等屬性。

length：該屬性反映在Parent窗口中框架（幀）的個(gè)數(shù)。

defaultstatus：該屬性是左下角狀態(tài)欄顯示的缺省文本。

status：該屬性改變左下角狀態(tài)欄的顯示文本。第38頁(yè)/共44頁(yè)

status：該屬性改變左下角狀態(tài)欄的顯示文本。

frame：該屬性是當(dāng)前窗口所包含下標(biāo)從零開始的框架