第七章 網(wǎng)頁(yè)中使用JavaScript

1、第七章第七章網(wǎng)頁(yè)中使用網(wǎng)頁(yè)中使用JavaScript 本課知識(shí)點(diǎn)本課知識(shí)點(diǎn)pJavaScript中的概念，如對(duì)象、事件等中的概念，如對(duì)象、事件等pJavaScript類(lèi)型和變量類(lèi)型和變量p 熟悉各種語(yǔ)句熟悉各種語(yǔ)句p 掌握內(nèi)置對(duì)象和函數(shù)掌握內(nèi)置對(duì)象和函數(shù) p 掌握各種事件掌握各種事件7.1JavaScriptJavaScript中的數(shù)據(jù)類(lèi)型與變量中的數(shù)據(jù)類(lèi)型與變量數(shù)據(jù)類(lèi)型數(shù)據(jù)類(lèi)型 JavaScript主要的數(shù)據(jù)類(lèi)型有：數(shù)值類(lèi)型（number）、字符串型（String）、對(duì)象類(lèi)型(object)、布爾類(lèi)型(Boolean)、空類(lèi)型(null)。 1數(shù)值類(lèi)型 在JavaScript 中數(shù)值類(lèi)型可代

2、表整數(shù)和浮點(diǎn)數(shù)。整數(shù)可以為正數(shù)、0 或者負(fù)數(shù)。浮點(diǎn)數(shù)通常是科學(xué)記數(shù)法，如1.6E10（E大小寫(xiě)均可）代表1.61010。 2字符串類(lèi)型 字符串類(lèi)型是用引號(hào)括起來(lái)的一組字符。如：“happy birthday to you ” 3對(duì)象類(lèi)型 因?yàn)镴avaScript是一種基于對(duì)象的語(yǔ)言，所以在JavaScript中還有對(duì)象類(lèi)型，比如以后將會(huì)講到的windows對(duì)象等。 4布爾類(lèi)型 布爾類(lèi)型用于邏輯運(yùn)算，一個(gè)布爾類(lèi)型的變量可能的取值有 true 和 false。 5空數(shù)據(jù)類(lèi)型 空數(shù)據(jù)類(lèi)型就是null，也就是沒(méi)有任何值，什么也不表示。 7.1JavaScriptJavaScript中的數(shù)據(jù)類(lèi)型與變量中

3、的數(shù)據(jù)類(lèi)型與變量變量變量 在 JavaScript 中，變量用來(lái)存放腳本中的值，在需要用這個(gè)值的地方可以用變量來(lái)代表。JavaScript語(yǔ)言不像其他語(yǔ)言那樣對(duì)數(shù)據(jù)類(lèi)型要求嚴(yán)格，所以不必聲明每一個(gè)變量的類(lèi)型。雖然變量聲明不是必須的，但在使用變量之前先進(jìn)行聲明是個(gè)好習(xí)慣。變量聲明使用 var 語(yǔ)句進(jìn)行。 如：var student= false; / 變量student 的數(shù)據(jù)類(lèi)型為Boolean 類(lèi)型。 另外，在定義變量名時(shí)必須遵循以下規(guī)則： 1. 第一個(gè)字符必須以字母（大小寫(xiě)均可）、或下劃線(xiàn)、或美元符$開(kāi)始。例如_md和md都是合法的變量名稱(chēng)。而2md和md都是非法的。 2. 變量名中不能包

4、含空格。例如 text name就是不合法的變量名。 3. 變量名稱(chēng)不能是保留字。例如var是JavaScript中定義變量的保留字，在給變量起名字的時(shí)候就不能使用var。 4. 變量名區(qū)分大小寫(xiě)。JavaScript 是一種區(qū)分大小寫(xiě)的語(yǔ)言，將一個(gè)變量命名為 name 和將其命名為 Name是不一樣的。 另外，對(duì)象名必須大寫(xiě)，方法名和屬性名大小寫(xiě)均可。JavaScript支持/注釋符。 7.2客戶(hù)端腳本客戶(hù)端腳本1. 1. 客戶(hù)端腳本客戶(hù)端腳本表單接受到的信息一般都是提交到服務(wù)端來(lái)進(jìn)行驗(yàn)證和處理。一般對(duì)于一個(gè)新用戶(hù)的數(shù)據(jù)，處理的順序?yàn)橄刃ｒ?yàn)數(shù)據(jù)的合法性，數(shù)據(jù)不合法就需要返還客戶(hù)端要求用戶(hù)重新

5、填寫(xiě)，合法后才進(jìn)一步處理。這樣的校驗(yàn)數(shù)據(jù)和數(shù)據(jù)反復(fù)既浪費(fèi)了服務(wù)器的寶貴資源又浪費(fèi)了客戶(hù)的時(shí)間，同時(shí)也增加了客戶(hù)信息泄露的危險(xiǎn)。所以我們可以在客戶(hù)端通過(guò)簡(jiǎn)單的，對(duì)客戶(hù)開(kāi)放的腳本代碼方式，對(duì)用戶(hù)信息進(jìn)行規(guī)范，如用戶(hù)名和密碼不能一樣，電子郵件的填寫(xiě)一定要是郵件地址格式和身份證號(hào)碼長(zhǎng)度等問(wèn)題。這樣不但可以及時(shí)的提醒用戶(hù)規(guī)范填寫(xiě)，減輕服務(wù)器的負(fù)擔(dān)，而且程序的運(yùn)行是在客戶(hù)端上，不會(huì)對(duì)服務(wù)器造成任何的不利影響。 JavaScript是一種基于對(duì)象(Object)和事件驅(qū)動(dòng)(Event Driven)的腳本語(yǔ)言。使用它的目的是與HTML超文本標(biāo)記語(yǔ)言、Java 腳本語(yǔ)言（Java小程序）一起實(shí)現(xiàn)在一個(gè)Web頁(yè)

6、面中鏈接多個(gè)對(duì)象，與Web客戶(hù)交互作用。從而可以開(kāi)發(fā)客戶(hù)端的應(yīng)用程序等。它是通過(guò)嵌入或調(diào)入在標(biāo)準(zhǔn)的HTML語(yǔ)言中實(shí)現(xiàn)的。 2. JavaScript2. JavaScript簡(jiǎn)介簡(jiǎn)介3. JavaScript3. JavaScript實(shí)例實(shí)例通過(guò)通過(guò)Dreamweaver MXDreamweaver MX建立一個(gè)空白的網(wǎng)頁(yè)，切換到代碼建立一個(gè)空白的網(wǎng)頁(yè)，切換到代碼視圖下，在視圖下，在標(biāo)記之間添加入如下代碼：標(biāo)記之間添加入如下代碼：alert(alert(這是第一個(gè)這是第一個(gè)JavaScriptJavaScript例子例子!);!);alert(alert(歡迎你進(jìn)入歡迎你進(jìn)入JavaScrip

7、tJavaScript世界世界!);!);alert(alert(今后我們將共同學(xué)習(xí)今后我們將共同學(xué)習(xí)JavaScriptJavaScript知識(shí)！知識(shí)！););說(shuō)明：說(shuō)明：JavaScriptJavaScript代碼由代碼由來(lái)說(shuō)明。來(lái)說(shuō)明。在標(biāo)識(shí)在標(biāo)識(shí).之間就可加入之間就可加入JavaScriptJavaScript腳本。腳本。LanguageLanguage是是標(biāo)記的參數(shù)，用來(lái)指定腳本所使用的語(yǔ)言，如果使標(biāo)記的參數(shù)，用來(lái)指定腳本所使用的語(yǔ)言，如果使用的是用的是VBScriptVBScript，則使用，則使用alert()alert()是是JavaScriptJavaScript的消息對(duì)話(huà)框

8、事件，其功能是彈出一個(gè)具有的消息對(duì)話(huà)框事件，其功能是彈出一個(gè)具有OKOK對(duì)對(duì)話(huà)框并顯示（）中的字符串。話(huà)框并顯示（）中的字符串。通過(guò)通過(guò)標(biāo)識(shí)說(shuō)明：若不認(rèn)識(shí)標(biāo)識(shí)說(shuō)明：若不認(rèn)識(shí)JavaScript代碼的瀏覽器代碼的瀏覽器，則所有在其中的標(biāo)識(shí)均被忽略；若認(rèn)識(shí)，則執(zhí)行其結(jié)果。，則所有在其中的標(biāo)識(shí)均被忽略；若認(rèn)識(shí)，則執(zhí)行其結(jié)果。使用注釋這是一個(gè)好的編程習(xí)慣，它使其他人可以讀懂你的使用注釋這是一個(gè)好的編程習(xí)慣，它使其他人可以讀懂你的語(yǔ)言。語(yǔ)言。7.2JavaScriptJavaScript的語(yǔ)言結(jié)構(gòu)的語(yǔ)言結(jié)構(gòu)ifif條件語(yǔ)句條件語(yǔ)句 ifelse 語(yǔ)句是JavaScript中最基本的控制語(yǔ)句，通過(guò)它可以改

9、變語(yǔ)句的執(zhí)行順序。if條件語(yǔ)句的基本格式是：if（表述式）語(yǔ)句段；else語(yǔ)句段； 功能：如果條件滿(mǎn)足，即表達(dá)式為true，則執(zhí)行語(yǔ)句段，否則執(zhí)行語(yǔ)句段。如果語(yǔ)句段1和語(yǔ)句段2中只有一條語(yǔ)句，兩邊的花括號(hào)可以省去，如果有多條語(yǔ)句，則必須使用花括號(hào)將其括起來(lái)。If條件語(yǔ)句中的else部分可以省去，如果省去，當(dāng)條件滿(mǎn)足時(shí)執(zhí)行語(yǔ)句段1，如果不滿(mǎn)足，就什么也不做。if必須小寫(xiě)。7.2JavaScriptJavaScript的語(yǔ)言結(jié)構(gòu)的語(yǔ)言結(jié)構(gòu)ifif條件語(yǔ)句條件語(yǔ)句 if語(yǔ)句是可以嵌套的。格式為：if（表達(dá)式1）語(yǔ)句段；else（表達(dá)式2）語(yǔ)句段；else if（表達(dá)式3）語(yǔ)句段；else 語(yǔ)句段n；

10、 在這種情況下，若表達(dá)式1為真，則執(zhí)行語(yǔ)句段1，否則，若表達(dá)式2為真，則執(zhí)行語(yǔ)句段2。若表達(dá)式2為假，則看表達(dá)式3是否為真，若為真，則執(zhí)行語(yǔ)句段3。依次下去，直到遇到條件為真，轉(zhuǎn)去執(zhí)行相應(yīng)的語(yǔ)句段。若前面的條件都假，則執(zhí)行最后的else語(yǔ)句。7.2JavaScriptJavaScript的語(yǔ)言結(jié)構(gòu)的語(yǔ)言結(jié)構(gòu)switchswitch條件語(yǔ)句條件語(yǔ)句 Switch語(yǔ)句格式如下：switch (表達(dá)式)case 常量表達(dá)式1:語(yǔ)句段1；case 常量表達(dá)式2: 語(yǔ)句段2；case 常量表達(dá)式3: 語(yǔ)句段3；default:語(yǔ)句段n； switch語(yǔ)句是多分支選擇語(yǔ)句，雖然這個(gè)功能可用嵌套的if語(yǔ)句來(lái)

11、實(shí)現(xiàn)，但如果分支較多則嵌套的if語(yǔ)句層數(shù)就多，增加了程序的長(zhǎng)度并降低了可讀性。此時(shí)用Switch語(yǔ)句是較好的選擇。說(shuō)明：switch后面的表達(dá)式，可以是字符型表達(dá)式或整型表達(dá)式。當(dāng)表達(dá)式的值與常量表達(dá)式m的值相等時(shí)就執(zhí)行語(yǔ)句段m。若沒(méi)有與它匹配的常量表達(dá)式，則執(zhí)行default后面的語(yǔ)句段。7.2JavaScriptJavaScript的語(yǔ)言結(jié)構(gòu)的語(yǔ)言結(jié)構(gòu)switchswitch條件語(yǔ)句條件語(yǔ)句 switch (表達(dá)式)case 常量表達(dá)式1:語(yǔ)句段1；break；case常量表達(dá)式2: 語(yǔ)句段2；break；case常量表達(dá)式3: 語(yǔ)句段3；break；default:語(yǔ)句段n； 要 注 意

12、 的 一 點(diǎn) 是 ： 在switch語(yǔ)句中如果找到常量表達(dá)式m的值和表達(dá)式的值相等，程序就會(huì)從語(yǔ)句段m一直執(zhí)行下去，而不再判斷與后面常量表達(dá)式的值是否匹配。所以要想讓程序只執(zhí)行相應(yīng)的語(yǔ)句段，應(yīng)該在相應(yīng)語(yǔ)句段后加上break語(yǔ)句。格式為： 7.2JavaScriptJavaScript的語(yǔ)言結(jié)構(gòu)的語(yǔ)言結(jié)構(gòu)ForFor循環(huán)語(yǔ)句循環(huán)語(yǔ)句 如果一個(gè)語(yǔ)句段需要反復(fù)使用多次，用循環(huán)語(yǔ)句編寫(xiě)代碼。For語(yǔ)句基本格式是： for（初始化部分；條件部分；增量部分） 語(yǔ)句段 說(shuō)明：語(yǔ)句的初始化部分是可選的，若在該語(yǔ)句外初始化變量，則該部分可省去。執(zhí)行for語(yǔ)句時(shí)，首先判斷條件是否成立，若成立則執(zhí)行語(yǔ)句段，接著執(zhí)行

13、增量部分，否則跳出循環(huán)語(yǔ)句。增量部分用來(lái)定義循環(huán)控制變量在每次循環(huán)時(shí)按什么方式變化。7.2JavaScriptJavaScript的語(yǔ)言結(jié)構(gòu)的語(yǔ)言結(jié)構(gòu)whilewhile和和dodowhilewhile循環(huán)語(yǔ)句循環(huán)語(yǔ)句 For與while語(yǔ)句都是循環(huán)語(yǔ)句，使用For語(yǔ)句在處理有關(guān)數(shù)字時(shí)更易看懂，也較緊湊，而while循環(huán)對(duì)復(fù)雜的語(yǔ)句效果更特別。 1while循環(huán)語(yǔ)句基本格式是：while（循環(huán)條件） 語(yǔ)句段； 當(dāng)循環(huán)條件為真時(shí)，重復(fù)執(zhí)行語(yǔ)句段，否則退出循環(huán)。 2dowhile循環(huán)語(yǔ)句的基本格式是：do 語(yǔ)句段； while (循環(huán)條件) dowhile循環(huán)語(yǔ)句不管循環(huán)條件是否成立，都會(huì)先執(zhí)行一

14、次循環(huán)，然后判斷條件是否成立。若成立，繼續(xù)執(zhí)行語(yǔ)句段，否則跳出循環(huán)。也就是說(shuō)dowhile循環(huán)語(yǔ)句中的語(yǔ)句段至少執(zhí)行一次。 使用break語(yǔ)句可使得循環(huán)從For、while或switch語(yǔ)句中跳出。使用Continue語(yǔ)句是結(jié)束當(dāng)前的循環(huán)，進(jìn)入下一次循環(huán)。 7.2JavaScriptJavaScript的語(yǔ)言結(jié)構(gòu)的語(yǔ)言結(jié)構(gòu)函數(shù)定義語(yǔ)句函數(shù)定義語(yǔ)句 函數(shù)是能夠完成某種功能的語(yǔ)句集合。通常在一個(gè)復(fù)雜的程序設(shè)計(jì)時(shí)，總是根據(jù)所要完成的功能，將程序劃分為一些相對(duì)獨(dú)立的部分，每部分編寫(xiě)一個(gè)函數(shù)。JavaScript函數(shù)定義語(yǔ)句的格式是： Function 函數(shù)名 （參數(shù)表）函數(shù)體（函數(shù)執(zhí)行部分）; Ret

15、urn 表達(dá)式; 說(shuō)明：return語(yǔ)句指明函數(shù)返回值，如無(wú)返回值，可以不使用return語(yǔ)句。 從語(yǔ)句格式中可以看出，函數(shù)定義由三部分組成： 1函數(shù)名。在對(duì)函數(shù)進(jìn)行命名時(shí)，應(yīng)該使函數(shù)的名稱(chēng)有一定含義，能夠表達(dá)函數(shù)功能。函數(shù)名區(qū)分大小寫(xiě)。對(duì)函數(shù)的調(diào)用通過(guò)函數(shù)名進(jìn)行。 2參數(shù)列表。參數(shù)列表是可選部分，使用參數(shù)列表可以向函數(shù)傳遞參數(shù)，這些 參 數(shù) 在 函 數(shù) 中 使 用 ， 其 值 可 以 是 常 量 、 變 量 、 表 達(dá) 式 。 可 通 過(guò)arguments .Length來(lái)檢查參數(shù)的個(gè)數(shù)。例如，要看函數(shù)square的參數(shù)個(gè)數(shù)，并把個(gè)數(shù)賦給變量n，可以這樣寫(xiě)：n=square. argumen

16、ts .Length。 3大括號(hào) 部分。函數(shù)的功能通過(guò)執(zhí)行大括號(hào)中代碼塊來(lái)實(shí)現(xiàn)。7.2JavaScriptJavaScript的語(yǔ)言結(jié)構(gòu)的語(yǔ)言結(jié)構(gòu)withwith語(yǔ)句語(yǔ)句和和注釋語(yǔ)句注釋語(yǔ)句 with語(yǔ)句的基本格式是： with(對(duì)象名稱(chēng)) 語(yǔ)句段 要引用對(duì)象的方法和屬性時(shí)必須使用對(duì)象對(duì)象.方法方法或者是對(duì)象對(duì)象.屬性屬性，比較麻煩，with語(yǔ)句可解決這個(gè)問(wèn)題。直接使用with語(yǔ)句聲明對(duì)象的屬性和方法，當(dāng)聲明內(nèi)容較多時(shí)特別方便。要引用string對(duì)象的charAt(n)方法，完整的引用代碼為string.charAt(n)。在with語(yǔ)句內(nèi)使用string對(duì)象的charAt(n)方法代碼為：w

17、ith(string)charAt(n); 在JavaScript中為了描述程序的作用可以使用注釋語(yǔ)句。注釋語(yǔ)句只是用來(lái)給人看的，而不是用來(lái)執(zhí)行的。在JavaScript中有兩種形式的注釋?zhuān)?在一行中跟在“/”后面的是注釋語(yǔ)句。 2如果注釋語(yǔ)句有好幾行，可以使用符號(hào)/*和*/來(lái)標(biāo)注注釋。 7.3JavaScriptJavaScript中的對(duì)象中的對(duì)象基本概念基本概念 在日常生活中我們會(huì)接觸到各種各樣的對(duì)象，例如，一個(gè)蘋(píng)果是一個(gè)對(duì)象，一個(gè)房間是一個(gè)對(duì)象，一輛汽車(chē)也是一個(gè)對(duì)象。蘋(píng)果有大有小，有紅有綠，房間有高有矮，這些就是對(duì)象的屬性。一輛汽車(chē)能夠完成加速、減速、轉(zhuǎn)彎等功能，從對(duì)象的角度看這就是對(duì)象

18、的方法。 在編程中，“對(duì)象”是一個(gè)特殊類(lèi)型的數(shù)據(jù)，前面講過(guò)JavaScript的數(shù)據(jù)類(lèi)型，其中有一類(lèi)就是對(duì)象類(lèi)型。“方法”是加在對(duì)象上的一些操作，是一個(gè)對(duì)象自己所屬的函數(shù)。網(wǎng)頁(yè)中的按鈕、復(fù)選框等都是對(duì)象，而按鈕的顏色、長(zhǎng)度、寬度就是它的屬性，釋放按鈕的焦點(diǎn)可以用方法blur()。在JavaScript中訪問(wèn)對(duì)象的屬性或方法可用句點(diǎn)“.”來(lái)實(shí)現(xiàn)。例如，用Apple對(duì)象代表一個(gè)蘋(píng)果，在Apple對(duì)象中有Color屬性代表蘋(píng)果的顏色，可以通過(guò)Apple.Color訪問(wèn)對(duì)象的Color屬性。7.3JavaScriptJavaScript中的對(duì)象中的對(duì)象創(chuàng)建新的對(duì)象創(chuàng)建新的對(duì)象 JavaScript中除

19、了使用一些定義好的對(duì)象，比如按鈕，復(fù)選框等，還可以創(chuàng)建自己的對(duì)象。在JavaScript中創(chuàng)建一個(gè)新的對(duì)象需要三個(gè)步驟： 第1歩：定義對(duì)象的構(gòu)造函數(shù)用來(lái)說(shuō)明這個(gè)對(duì)象的各種屬性。 第2歩：通過(guò)new函數(shù)創(chuàng)建對(duì)象的實(shí)例。 第3歩：定義對(duì)象的方法，并把這些方法和對(duì)象聯(lián)系起來(lái)。 1定義對(duì)象的構(gòu)造函數(shù) 在JavaScript中定義對(duì)象的構(gòu)造函數(shù)基本格式是： Function 構(gòu)造函數(shù)名（對(duì)象名）（參數(shù)1，參數(shù)2，參數(shù)3，） This.屬性1=參數(shù)1 This.屬性2=參數(shù)2 . 7.3JavaScriptJavaScript中的對(duì)象中的對(duì)象創(chuàng)建新的對(duì)象創(chuàng)建新的對(duì)象 在構(gòu)造函數(shù)中通過(guò)this操作符（thi

20、s指對(duì)象本身）引用當(dāng)前對(duì)象，函數(shù)中有多個(gè)參數(shù)，當(dāng)調(diào)用這個(gè)構(gòu)造函數(shù)時(shí)就創(chuàng)建了一個(gè)對(duì)象，并把參數(shù)值賦給這個(gè)對(duì)象的屬性。在定義了對(duì)象的構(gòu)造函數(shù)之后，可以用new操作符創(chuàng)建對(duì)象的實(shí)例。2定義對(duì)象的方法 “方法”是加在對(duì)象上的操作，是一個(gè)對(duì)象自己所屬的函數(shù)。定義方法和定義普通的函數(shù)并沒(méi)有什么區(qū)別，只是在定義完方法之后，還需要將方法與對(duì)象聯(lián)系起來(lái)。將方法與對(duì)象聯(lián)系起來(lái)：對(duì)象.方法的名字=函數(shù)的名字 例如，在程序中定義了一個(gè)普通函數(shù)showstudent，現(xiàn)在要把它定義為上面創(chuàng)建的對(duì)象student的方法，可表示為：student.showstudent=showstudent，一旦定義完對(duì)象的方法，原來(lái)的

21、函數(shù)就不再是普通的函數(shù)，要這樣使用它：對(duì)象.方法名字（參數(shù)表） 也可以在定義對(duì)象的構(gòu)造函數(shù)時(shí)定義方法。7.3JavaScriptJavaScript中的對(duì)象中的對(duì)象JavaScriptJavaScript的內(nèi)置對(duì)象和函數(shù)的內(nèi)置對(duì)象和函數(shù) 通常把程序設(shè)計(jì)的一些常用部件（相關(guān)元素組織包裝起來(lái)稱(chēng)為“部件”）設(shè)計(jì)成內(nèi)置對(duì)象和函數(shù)。這些內(nèi)置對(duì)象同我們自己定義的對(duì)象一樣，也擁有自己的屬性和方法。內(nèi)置對(duì)象提供編程中最常用的功能，例如字符串處理、時(shí)間處理等。內(nèi)置函數(shù)簡(jiǎn)單一點(diǎn)說(shuō)就是把一些常用的函數(shù)編寫(xiě)好封裝在語(yǔ)言的內(nèi)部，用戶(hù)使用時(shí)直接調(diào)用就可以了。主要的內(nèi)置函數(shù)是一些數(shù)據(jù)類(lèi)型轉(zhuǎn)換函數(shù)。下面介紹 JavaScri

22、pt的幾個(gè)常用內(nèi)置對(duì)象。 1字符串對(duì)象（String） String對(duì)象是用來(lái)處理字符串的。因?yàn)镾tring對(duì)象與JavaScript語(yǔ)言本身結(jié)合非常緊密，所以在創(chuàng)建對(duì)象實(shí)例時(shí)可以不使用new操作符。 例如創(chuàng)建對(duì)象實(shí)例string1，下面兩種寫(xiě)法效果是一樣的： var string1=happy birthday to you .; var string1=new string(happy birthday to you);字符串的長(zhǎng)度可以用String對(duì)象中l(wèi)ength屬性給出。例如string1.length可求出字符串string1的長(zhǎng)度。 7.3JavaScriptJavaScript

23、中的對(duì)象中的對(duì)象JavaScriptJavaScript的內(nèi)置對(duì)象和函數(shù)的內(nèi)置對(duì)象和函數(shù) 對(duì)字符串的處理是用方法來(lái)實(shí)現(xiàn)的。常用方法有： 1）toLowerCase()和toUpperCase()方法 toLowerCase()方法將字符串中的字母全部轉(zhuǎn)換成小寫(xiě)，toUpperCase()方法將字符串中的字母全部轉(zhuǎn)換成大寫(xiě)。 2）charAt(n)方法 charAt(n)方法從字符串對(duì)象中返回指定位置n處的字符。注意：這里的位置從0開(kāi)始計(jì)算 。 3）indexOf(子字符串)方法 indexOf(子字符串)返回子字符串在字符串對(duì)象中的位置。若在字符串對(duì)象中有多個(gè)這樣的子字串，只返回第一個(gè)字符串所

24、在位置。如果不存在這樣的子字串，則返回-1。 4）lastIndexOf(子字符串)方法 astIndexOf(子字符串)方法也是返回子字符串在字符串對(duì)象中的位置，只不過(guò)該方法是從字符串對(duì)象的右邊開(kāi)始查找，若找不到同樣返回-1。 7.3JavaScriptJavaScript中的對(duì)象中的對(duì)象JavaScriptJavaScript的內(nèi)置對(duì)象和函數(shù)的內(nèi)置對(duì)象和函數(shù) 5）Substring(m,n)方法 Substring(m,n)方法返回從位置m到位置n之間的字符串。注意：返回的字符串中不包括位置n處的字符。 6）字符串格式化的方法 big()方法：該方法使字符串以大字號(hào)顯示。 small()方

25、法：該方法使字符串以小字號(hào)顯示。 blink()方法：該方法使字符串閃爍。 bold()方法：該方法使字符串以黑體顯示。 italics()方法：該方法使字符串以斜體顯示。 fixed()方法：該方法使字符串顯示成等寬字。 strike()方法：該方法給字符串加上刪除線(xiàn)。 sub() 和sup()方法：分別使字符串以下標(biāo)和上標(biāo)的形式顯示。 fontcolor(顏色)方法：該方法用于指定字符串顯示的顏色。 fontsize(字號(hào))方法：該方法用于指定字符串的大小。 7）用于鏈接的方法 在HTML中我們學(xué)過(guò)鏈接標(biāo)記，在JavaScript中是用link(url)方法和anchor方法實(shí)現(xiàn)的。lin

26、k(url)方法等效于HTML中標(biāo)記的href屬性。anchor方法等效于HTML中標(biāo)記的NAME屬性。 7.3JavaScriptJavaScript中的對(duì)象中的對(duì)象JavaScriptJavaScript的內(nèi)置對(duì)象和函數(shù)的內(nèi)置對(duì)象和函數(shù) 2數(shù)組對(duì)象（Array） 注意：數(shù)組下標(biāo)從0開(kāi)始。 定義數(shù)組可以采用以下三種方法： （1）定義一個(gè)未知大小的數(shù)組：var s=new Array(); （2）建立數(shù)組時(shí)定義數(shù)組的長(zhǎng)度，例如，定義一個(gè)含有3個(gè)元素的woman數(shù)組，格式為：var woman=new Array(3); （3）建立數(shù)組的同時(shí)，給數(shù)組中的元素賦值。例如，定義一個(gè)woman數(shù)組，其

27、中的值分別為Jony、Mary、Angle。建立數(shù)組的格式為： var woman=new Array(Jony， Mary ， Angle ); 訪問(wèn)woman數(shù)組的第二個(gè)元素：woman1= Mary ; 數(shù)組也是對(duì)象，有屬性和方法。判斷數(shù)組的大?。ㄩL(zhǎng)度）可以用屬性length。例如要判斷上面定義的數(shù)組woman的長(zhǎng)度，可以用格式：woman.length，返回值為3。7.3JavaScriptJavaScript中的對(duì)象中的對(duì)象JavaScriptJavaScript的內(nèi)置對(duì)象和函數(shù)的內(nèi)置對(duì)象和函數(shù) 下面介紹Array對(duì)象的幾種常用方法： （1）sort()方法 sort()方法將數(shù)組元

28、素排序。默認(rèn)按照ASCII碼升序。woman.sort(); 格式能對(duì)上面定義的woman數(shù)組排序，排序后數(shù)組元素依次是： Angle 、Jony、 Mary 。 （2）join(參數(shù))方法 join(參數(shù))方法將數(shù)組中的所有元素值以一個(gè)字符串的形式表達(dá)出來(lái)，顯示數(shù)組中所有的元素值可以用該方法。Join()方法有一個(gè)參數(shù)，用該參數(shù)指出每個(gè)元素之間使用的分隔符號(hào)，若省略，則元素之間沒(méi)有分隔。 （3）reverse()方法 reverse()方法將數(shù)組中的元素顛倒順序，將數(shù)組中最后一個(gè)元素?fù)Q到第一個(gè)元素的位置，倒數(shù)第二個(gè)元素?fù)Q到第二個(gè)元素的位置.例如定義一個(gè)woman數(shù)組，然后讓數(shù)組中的元素循序顛

29、倒：7.3JavaScriptJavaScript中的對(duì)象中的對(duì)象JavaScriptJavaScript的內(nèi)置對(duì)象和函數(shù)的內(nèi)置對(duì)象和函數(shù) （4）pop()方法 用這個(gè)方法可以刪除數(shù)組中的最后一個(gè)元素，并且返回這個(gè)元素。 （5）contat(數(shù)組名) 用這個(gè)方法可以把兩個(gè)數(shù)組的內(nèi)容合并起來(lái)。 （6）slice(下標(biāo)1，下標(biāo)2) 方法 用這個(gè)方法可以獲得數(shù)組中的一部分元素，這部分元素是從下標(biāo)1開(kāi)始，到下標(biāo)2結(jié)束（不包含下標(biāo)2）。下標(biāo)2是可選的，如果沒(méi)有指出下標(biāo)2，則表示截取從下標(biāo)1開(kāi)始直到數(shù)組末尾的元素。如果這個(gè)參數(shù)是負(fù)數(shù)，例如是-3，表示一直截取到數(shù)組的倒數(shù)第三個(gè)元素。 （7）push(元素)

30、 方法 用這個(gè)方法可以在數(shù)組的最后加入一個(gè)元素。例如： var woman=new Array(Jony， Mary ， Angle ); woman.push(Jone); 這樣可以在數(shù)組woman的后面加上Jone元素。 7.3JavaScriptJavaScript中的對(duì)象中的對(duì)象JavaScriptJavaScript的內(nèi)置對(duì)象和函數(shù)的內(nèi)置對(duì)象和函數(shù) 3日期對(duì)象（Date） 與日期有關(guān)的所有內(nèi)容在該對(duì)象中都可以找到。日期對(duì)象沒(méi)有屬性，但是日期對(duì)象有很多方法，通過(guò)這些方法可以獲得時(shí)間或設(shè)置時(shí)間。 創(chuàng)建一個(gè)日期對(duì)象的實(shí)例有三種方式： （1）MyDate=New Date()，用這種方式創(chuàng)建

31、的對(duì)象實(shí)例自動(dòng)存儲(chǔ)了當(dāng)前日期和時(shí)間。 （2）MyDate= New Date(毫秒數(shù))，該方法中的“毫秒數(shù)”表示從1970年1月1日0點(diǎn)0時(shí)開(kāi)始到一個(gè)指定日期的毫秒數(shù)。用這種形式創(chuàng)建的日期對(duì)象，日期會(huì)自動(dòng)存儲(chǔ)在新創(chuàng)建的對(duì)象實(shí)例中。JavaScript語(yǔ)言?xún)?nèi)部存儲(chǔ)了自從1970年1月1日開(kāi)始到指定日期的毫秒數(shù)。 （3）MyDate= New Date(year,month,date，hours,minutes,seconds)，用這種方法創(chuàng)建對(duì)象實(shí)例時(shí)可以指定日期對(duì)象的時(shí)間。日期對(duì)象中所有小時(shí)、秒數(shù)、日期、月份等的數(shù)字都是從0開(kāi)始的，年份從1900年開(kāi)始。 7.3JavaScriptJavaSc

32、ript中的對(duì)象中的對(duì)象JavaScriptJavaScript的內(nèi)置對(duì)象和函數(shù)的內(nèi)置對(duì)象和函數(shù) 日期對(duì)象的方法：（1）獲得日期對(duì)象各個(gè)部分的方法getYear() 獲得日期對(duì)象的年份getMonth() 獲得日期對(duì)象的月份getDate() 獲得日期對(duì)象的日號(hào)數(shù)getDay() 返回星期幾getHours() 獲得日期對(duì)象的小時(shí)數(shù)getMintes() 獲得日期對(duì)象的分鐘數(shù)getSeconds() 獲得日期對(duì)象的秒數(shù)getTime() 獲得日期對(duì)象的時(shí)間（以毫秒數(shù)計(jì)算）。（2）設(shè)置日期對(duì)象的各個(gè)部分的方法：setYear() 設(shè)置日期對(duì)象的年份setMonth() 設(shè)置日期對(duì)象的月份數(shù)set

33、Date() 設(shè)置日期對(duì)象的日號(hào)數(shù)setHours() 設(shè)置日期對(duì)象的小時(shí)數(shù)setMintes() 設(shè)置日期對(duì)象的分鐘數(shù)setSeconds() 設(shè)置日期對(duì)象的秒數(shù)setTime() 設(shè)置日期對(duì)象的毫秒數(shù)， 在以后的計(jì)算中就可以將這個(gè)日期對(duì) 象的各個(gè)部分取出分別處理。7.3JavaScriptJavaScript中的對(duì)象中的對(duì)象JavaScriptJavaScript的內(nèi)置對(duì)象和函數(shù)的內(nèi)置對(duì)象和函數(shù)（3）處理時(shí)區(qū)問(wèn)題的方法 getTimeZoneOffset() 給出當(dāng)?shù)貢r(shí)區(qū)與GMT(格林威治標(biāo)準(zhǔn)時(shí)間，也叫UTC)的偏差。 toGMString() 轉(zhuǎn)換成以格林威治標(biāo)準(zhǔn)時(shí)間表達(dá)的字符串。 to

34、Local String() 轉(zhuǎn)換成以當(dāng)?shù)貢r(shí)間方式表達(dá)的時(shí)間字符串。 （4）處理日期格式之間轉(zhuǎn)換的方法 Date對(duì)象有兩種特殊的方法可用于日期格式之間的轉(zhuǎn)換。這不是某個(gè)單獨(dú)的Date對(duì)象的方法，它可以作用于Date對(duì)象本身，是Date對(duì)象定義的靜態(tài)方法，靜態(tài)方法同每個(gè)具體的實(shí)例是沒(méi)有關(guān)系的。這兩種方法是： Date.Parse(字符串) 這個(gè)方法把一個(gè)字符串表達(dá)的時(shí)間或日期轉(zhuǎn)換成時(shí)間或日期的內(nèi)部表示（距1970年1月1日的毫秒數(shù)）。例如： Date1=new date(); Date1. setTime (Date.parse(May 1,2004); 使Date1這個(gè)對(duì)象實(shí)例存放了日期200

35、4年5月1日。 Date.UTC(日期) 這個(gè)方法返回從1970年1月1日到給定日期的毫秒數(shù)。7.3JavaScriptJavaScript中的對(duì)象中的對(duì)象JavaScriptJavaScript的內(nèi)置對(duì)象和函數(shù)的內(nèi)置對(duì)象和函數(shù) 4數(shù)學(xué)對(duì)象（Math） Math對(duì)象可用來(lái)處理各種數(shù)學(xué)運(yùn)算，Math對(duì)象不能創(chuàng)建自己的對(duì)象實(shí)例?？梢灾苯邮褂肕ath來(lái)調(diào)用常用的數(shù)學(xué)函數(shù)，格式為：Math.數(shù)學(xué)函數(shù)名（參數(shù)） 注意：所有Math對(duì)象方法中的參數(shù)均是浮點(diǎn)型。在三角函數(shù)里，輸入的是弧度值。 數(shù)學(xué)函數(shù)名前加上Math.可能使用起來(lái)不太習(xí)慣，我們可以使用前面介紹的with語(yǔ)句指定Math對(duì)象，在Math對(duì)象的

36、作用范圍內(nèi)直接使用數(shù)學(xué)函數(shù)就可以了。格式如下： with(Math)各種數(shù)學(xué)函數(shù) Math對(duì)象的常用函數(shù)： （1）三角函數(shù) Sin(弧度值)：對(duì)弧度值進(jìn)行正弦計(jì)算，返回該弧度值的正弦值。 Cos(弧度值)：對(duì)弧度值進(jìn)行余弦計(jì)算，返回該弧度值的余弦值。 Tan(弧度值)：對(duì)弧度值進(jìn)行正切計(jì)算，返回該弧度值的正切值。7.3JavaScriptJavaScript中的對(duì)象中的對(duì)象JavaScriptJavaScript的內(nèi)置對(duì)象和函數(shù)的內(nèi)置對(duì)象和函數(shù) Asin(數(shù)值)：反正弦函數(shù)，求數(shù)值的反正弦函數(shù)值。 Acos(數(shù)值)：反余弦函數(shù)，求數(shù)值的反余弦函數(shù)值。 Atan(數(shù)值)：反正切函數(shù)，求數(shù)值的反正

37、切函數(shù)。（2）取整函數(shù) ceil(a)：向上取整函數(shù)，返回一個(gè)不小于a的最小整數(shù)。例如ceil(3.3)的返回值為4。 Floor(a)：向下取整函數(shù)，返回一個(gè)不大于a的最大整數(shù)。例如Floor(3.3)的返回3。 Round(a)：對(duì)a四舍五入取整。如：Round(3.5)返回值為4。Round(3.4)返回值為3。（3）指數(shù)、對(duì)數(shù)函數(shù) Exp(a)：返回e的a次冪的值。 Log(a)：返回a的自然對(duì)數(shù)值。7.3JavaScriptJavaScript中的對(duì)象中的對(duì)象JavaScriptJavaScript的內(nèi)置對(duì)象和函數(shù)的內(nèi)置對(duì)象和函數(shù)（4）乘冪函數(shù) Pow(a,b)：計(jì)算a的b次冪的值，

38、即ab。 Sqrt(a)：對(duì)a進(jìn)行求平方根的計(jì)算。（5）其他函數(shù) abs(a)：對(duì)a取絕對(duì)值，例如：Math.abs(-2)，結(jié)果為2。 Random()：隨機(jī)函數(shù)，該函數(shù)能夠產(chǎn)生0-1之間的一個(gè)隨機(jī)數(shù)。 Max(a,b)：取最大值的函數(shù)，取a和b中最大的一個(gè)。 Min(a,b)：取最小值的函數(shù)，取a和b中最小的一個(gè)。 Math對(duì)象還包含屬性，屬性都是一些公認(rèn)的常數(shù)值。Math對(duì)象的屬性： 屬性E：自然對(duì)數(shù)的底，即2.71828。屬性LN2：2的自然對(duì)數(shù)值，即0.69315。 屬性LN10：10的自然對(duì)數(shù)值，即2.30259。屬性PI：圓周率，即3.1415926。屬性SQRT1_2：0.5的

39、平方根。屬性SQRT2：2的平方根。7.3JavaScriptJavaScript中的對(duì)象中的對(duì)象JavaScriptJavaScript的內(nèi)置對(duì)象和函數(shù)的內(nèi)置對(duì)象和函數(shù) 5事件對(duì)象（Event） 事件對(duì)象描述一個(gè)JavaScript中的事件。在每個(gè)事件發(fā)生時(shí)，JavaScript解釋器會(huì)自動(dòng)填充一個(gè)事件對(duì)象實(shí)例，并作為一個(gè)參數(shù)傳送給事件處理函數(shù)。例如mousedown事件，在該事件發(fā)生時(shí)會(huì)產(chǎn)生鼠標(biāo)在哪個(gè)位置、鼠標(biāo)的哪個(gè)按鈕被按下、是否同時(shí)有修飾鍵（Control,Alt, Shift）等信息。這些信息由JavaScript解釋器自動(dòng)填好后作為一個(gè)參數(shù)傳遞給相應(yīng)事件處理函數(shù)，事件處理函數(shù)根據(jù)這

40、些信息執(zhí)行相應(yīng)動(dòng)作。 6JavaScript的幾個(gè)內(nèi)置函數(shù) JavaScript的內(nèi)置函數(shù)不屬于任何對(duì)象，所以在JavaScript語(yǔ)句的任何地方都可以使用這些函數(shù)。JavaScript的內(nèi)置函數(shù)有： （1）eval（字符串） 該函數(shù)的參數(shù)是一個(gè)字符串，此函數(shù)將這個(gè)字符串作為JavaScript語(yǔ)句或表達(dá)式進(jìn)行分析，要么執(zhí)行它，要么返回結(jié)果。如果傳遞給這個(gè)函數(shù)的字符串中包含命令，這些命令也可以被執(zhí)行。7.3JavaScriptJavaScript中的對(duì)象中的對(duì)象JavaScriptJavaScript的內(nèi)置對(duì)象和函數(shù)的內(nèi)置對(duì)象和函數(shù) （2）escape(字符串): 接受一個(gè)字符串，這個(gè)字符串可

41、以有空格、分號(hào)等字符，escape()把這個(gè)字符串轉(zhuǎn)換成Cookie的內(nèi)部表示方式。Cookie是Web服務(wù)器保存在用戶(hù)硬盤(pán)上的一段文本。Cookie允許一個(gè)Web站點(diǎn)在用戶(hù)的電腦上保存信息并且隨后再取回它。 （3）unescape() 接受一個(gè)Cookie，把這個(gè)Cookie的內(nèi)部表示方式轉(zhuǎn)化成普通的字符串形式。 （4）parseInt(): 函數(shù)從一個(gè)字符串首提取一個(gè)整數(shù)并返回。如果在提取過(guò)程中遇到除了數(shù)字、符號(hào)、小數(shù)點(diǎn)、指數(shù)符號(hào)以外的其他字符，該函數(shù)就停止提取，并返回已提取的結(jié)果。如果第一個(gè)字符就是不可提取的，那么該函數(shù)返回“NaN”值，表示字符串中不存在數(shù)字。 （5）parseFloa

42、t(): 函數(shù)從一個(gè)字符串首提取一個(gè)浮點(diǎn)值并返回。如果在提取過(guò)程中遇到除了數(shù)字、符號(hào)、小數(shù)點(diǎn)、指數(shù)符號(hào)以外的其他字符，該函數(shù)就停止提取，并返回已提取的結(jié)果。如果第一個(gè)字符就不可提取，那么該函數(shù)返回“NaN”值，表示字符串中不存在數(shù)字。 （6）isNaN(): isNaN函數(shù)可以測(cè)試上面兩個(gè)函數(shù)返回的結(jié)果是否為NaN，如果是，則返回true。 （7）isFinite(n):該函數(shù)用來(lái)測(cè)試參數(shù)n是否是一個(gè)無(wú)窮值。如果是，則返回false。7.3JavaScriptJavaScript中的對(duì)象中的對(duì)象JavaScriptJavaScript中的瀏覽器對(duì)象中的瀏覽器對(duì)象 由于JavaScript在網(wǎng)頁(yè)

43、中使用，網(wǎng)頁(yè)通過(guò)瀏覽器瀏覽，在瀏覽器中打開(kāi)一個(gè)頁(yè)面時(shí)瀏覽器會(huì)自動(dòng)創(chuàng)建一些對(duì)象，這些對(duì)象存放了HTML頁(yè)面的屬性和其他相關(guān)信息，這些對(duì)象在瀏覽器上運(yùn)行，所以我們把它們稱(chēng)為瀏覽器對(duì)象。瀏覽器對(duì)象主要有navigator、Window、document、location和history對(duì)象。對(duì)象之間有從屬關(guān)系，Window對(duì)象是其他部分的祖先，其子對(duì)象包括location對(duì)象、document對(duì)象和history對(duì)象。在程序中子對(duì)象被認(rèn)為是父對(duì)象的屬性。例如，要引用document對(duì)象，應(yīng)該用格式：Window.document。下面分別介紹這些對(duì)象。 1Window對(duì)象 Window對(duì)象反映的是一

44、個(gè)完整的瀏覽器窗口。只要瀏覽器窗口打開(kāi)，即使瀏覽器中沒(méi)有加載任何頁(yè)面，JavaScript也會(huì)建立這個(gè)對(duì)象。Window對(duì)象提供了處理瀏覽器窗口的方法和屬性。該對(duì)象對(duì)應(yīng)于HTML文檔中的和兩種標(biāo)識(shí)。 7.3JavaScriptJavaScript中的對(duì)象中的對(duì)象JavaScriptJavaScript中的瀏覽器對(duì)象中的瀏覽器對(duì)象 （1）Window對(duì)象的常用屬性： Closed屬性：判斷一個(gè)窗口是否關(guān)閉。 frames屬性：記錄當(dāng)前窗口中所有幀的信息，是一個(gè)frame對(duì)象的數(shù)組。 parent屬性：指明當(dāng)前窗口或幀的父窗口。 defaultstatus屬性：默認(rèn)狀態(tài)，它的值顯示在窗口的狀態(tài)欄中

45、。 status屬性：狀態(tài)欄中當(dāng)前顯示的信息。 top屬性：定義的是一系列瀏覽器上層的瀏覽器窗口。 window屬性：指的是當(dāng)前窗口。 self屬性：引用當(dāng)前文檔對(duì)應(yīng)的窗口。 history屬性：提供當(dāng)前窗口的歷史紀(jì)錄，可在網(wǎng)頁(yè)導(dǎo)航中發(fā)揮作用。 Location屬性：提供當(dāng)前窗口的URL信息。 Locationbar屬性：代表瀏覽器的地址欄。7.3JavaScriptJavaScript中的對(duì)象中的對(duì)象JavaScriptJavaScript中的瀏覽器對(duì)象中的瀏覽器對(duì)象 （2）Window對(duì)象的常用方法： open()方法：用于創(chuàng)建一個(gè)新窗口或在指定的命令窗口內(nèi)打開(kāi)頁(yè)面。打開(kāi)窗口的基本格式：W

46、indow .open(URL,窗口名字,窗口屬性)。 close()方法：用于關(guān)閉一個(gè)瀏覽器窗口。 alert(字符串)方法：用于彈出一個(gè)警告框，在警告框內(nèi)顯示字符串文本。 confirm(字符串)方法：用于彈出一個(gè)確定框，在確定框內(nèi)顯示字符串文本。通常在用戶(hù)決定某些行動(dòng)是否采取時(shí)使用。 prompt(字符串，缺省值)方法：用于彈出一個(gè)提示框，提示框中顯示字符串，并且在提示框中有一個(gè)文本框要求用戶(hù)輸入信息。如果用戶(hù)修改輸入文本框內(nèi)的文本后單擊“確定”按鈕，則返回用戶(hù)輸入的字符串。如果用戶(hù)單擊“取消”按鈕，則返回null值。 back()方法：用于指示瀏覽器載入歷史紀(jì)錄的上一個(gè)URL地址，相當(dāng)

47、于瀏覽器工具欄中的后退按鈕。 forward()方法：用于指示瀏覽器載入歷史紀(jì)錄的下一個(gè)URL地址，相當(dāng)于瀏覽器工具欄中的前進(jìn)按鈕。 home()方法：用于指示瀏覽器載入預(yù)先設(shè)定的主頁(yè)頁(yè)面，相當(dāng)于瀏覽器工具欄中的返回主頁(yè)按鈕。7.3JavaScriptJavaScript中的對(duì)象中的對(duì)象JavaScriptJavaScript中的瀏覽器對(duì)象中的瀏覽器對(duì)象 2document對(duì)象 存儲(chǔ)著當(dāng)前頁(yè)的一些信息，代表的是當(dāng)前整個(gè)頁(yè)面，頁(yè)面的前景色、背景色、鏈接顏色、表單、圖像等都作為document對(duì)象的屬性存在。（1）document對(duì)象的屬性 title屬性：指出文檔的標(biāo)題，相當(dāng)于HTML文檔中之間

48、的內(nèi)容。 lastModified屬性：指出文檔最后修改的日期。 bgcolor屬性：指出文檔的背景色，相當(dāng)于HTML中的bgcolor屬性。 fgcolor屬性：指出文檔的前景色，相當(dāng)于HTML中的text屬性。 alinkColor屬性：指出鼠標(biāo)單擊時(shí)的鏈接顏色。 vlinkColor屬性：指出已訪問(wèn)過(guò)的鏈接顏色。 links屬性：數(shù)組，存放文檔中所有鏈接對(duì)象，每個(gè)數(shù)組元素是一個(gè)鏈接對(duì)象。 7.3JavaScriptJavaScript中的對(duì)象中的對(duì)象JavaScriptJavaScript中的瀏覽器對(duì)象中的瀏覽器對(duì)象 Images屬性：數(shù)組，存放文檔中所有的圖形對(duì)象，每個(gè)數(shù)組元素是一個(gè)圖

49、形對(duì)象。 URL屬性：指出文檔對(duì)應(yīng)的URL地址。 （2）document對(duì)象的主要方法 write(字符串)：將字符串寫(xiě)到一個(gè)新文檔?？梢允亲址Ａ炕蛘呤亲址兞俊?writeln(字符串)：將字符串寫(xiě)到一個(gè)新文檔，并在字符串末尾加上換行符。 clear()：清除文檔當(dāng)前內(nèi)容。 Open()和close()：打開(kāi)一個(gè)新文檔和關(guān)閉當(dāng)前文檔。最好先用Open()方法打開(kāi)一個(gè)文檔，然后再用write()或者writeln()方法寫(xiě)入，寫(xiě)入完成后，再用close()方法關(guān)閉。7.3JavaScriptJavaScript中的對(duì)象中的對(duì)象JavaScriptJavaScript中的瀏覽器對(duì)象中的瀏覽

50、器對(duì)象 3location對(duì)象 提供當(dāng)前頁(yè)面的URL信息。它有一組屬性，用于存儲(chǔ)URL的各個(gè)組成部分。它的方法可以重裝當(dāng)前頁(yè)面或裝入新頁(yè)面。 例如：http:/:80/book/1.html#section1 協(xié)議名稱(chēng)為http，主機(jī)名稱(chēng)為，端口號(hào)為80，頁(yè)面地址為book/1.html，在頁(yè)面中有一個(gè)頁(yè)面內(nèi)跳轉(zhuǎn)錨標(biāo)，名稱(chēng)為section1。（1）location對(duì)象的屬性 Hash屬性：如果頁(yè)面中有頁(yè)面內(nèi)跳轉(zhuǎn)的錨標(biāo)，則Hash屬性返回HREF中#號(hào)后面的字符串。如上例中用location.hash可以獲得錨標(biāo)為#section1。 Host屬性：提供URL頁(yè)面所在的Web服務(wù)器主機(jī)名稱(chēng)和端口

51、號(hào)。如上例中用location.host可以獲得：80。 Hostname屬性：提供URL的主機(jī)名稱(chēng)部分。如上例中的。7.3JavaScriptJavaScript中的對(duì)象中的對(duì)象JavaScriptJavaScript中的瀏覽器對(duì)象中的瀏覽器對(duì)象 Href屬性：提供整個(gè)URL。如上例中的 http:/:80/book/1.html#section1。 Pathname屬性：提供文檔在主機(jī)上的路徑及文件名。如上例中的book/1.html。 Port屬性：返回URL的中的端口號(hào)部分。如上例中的80。 Protocol屬性：指定協(xié)議名稱(chēng)。 Search屬性：提供完整URL中“？”號(hào)后面的查詢(xún)字符

52、串。在瀏覽網(wǎng)頁(yè)時(shí)常會(huì)發(fā)現(xiàn)搜索站點(diǎn)的頁(yè)面URL中問(wèn)號(hào)“？”后還有一些信息，這些信息往往是提交到服務(wù)器上進(jìn)行搜索的信息。 （2）location對(duì)象的方法 reload()方法：刷新當(dāng)前頁(yè)面，相當(dāng)于工具欄上的刷新按鈕。例如定義一個(gè)刷新頁(yè)面的按鈕，格式為： replace(URL地址)方法：用指定的URL地址代替當(dāng)前頁(yè)面。 Assign(URL地址)方法：將當(dāng)前頁(yè)面導(dǎo)航到指定的URL地址上去。 7.3JavaScriptJavaScript中的對(duì)象中的對(duì)象JavaScriptJavaScript中的瀏覽器對(duì)象中的瀏覽器對(duì)象 4history對(duì)象 history對(duì)象存儲(chǔ)著最近訪問(wèn)過(guò)的URL地址。它有一

53、個(gè)length屬性，用于記錄該對(duì)象存儲(chǔ)的URL地址的個(gè)數(shù)。history對(duì)象的方法：（1）back()方法：裝入歷史清單中上一個(gè)URL的文檔，相當(dāng)于瀏覽器的后退按鈕。（2）forward()方法：裝入歷史清單中下一個(gè)URL的文檔，對(duì)應(yīng)瀏覽器的前進(jìn)按鈕。（3）go(n)方法：裝入歷史清單中指定位置的文檔，如果指定的是一個(gè)整數(shù)，表示向前進(jìn)，如果是一個(gè)負(fù)數(shù)，表示向后退。go(-1)的功能和back()方法的功能是一樣的。 5navigator對(duì)象 保存瀏覽器廠家、版本和功能的信息。navigator的常用屬性如下： appCodeName屬性：提供當(dāng)前瀏覽器的代碼名。 appName屬性：提供當(dāng)前瀏

54、覽器的名稱(chēng)。 appVersion屬性：提供當(dāng)前瀏覽器的版本號(hào)。 userAgent屬性：反映瀏覽器完整的用戶(hù)代理標(biāo)識(shí)。 navigator還有一個(gè)javaEnabled()方法，用于指出在瀏覽器中是否可以使用Java語(yǔ)言，該方法的返回值是一個(gè)布爾值。7.3JavaScriptJavaScript中的對(duì)象中的對(duì)象JavaScriptJavaScript中的瀏覽器對(duì)象中的瀏覽器對(duì)象 6document的子對(duì)象 document的子對(duì)象包括link對(duì)象、anchor對(duì)象和form對(duì)象 。 link對(duì)象：包含鏈接信息，可以用links數(shù)組訪問(wèn)link對(duì)象，數(shù)組中的每個(gè)元素都是當(dāng)前頁(yè)中的一個(gè)link對(duì)

55、象。 例如，把當(dāng)前頁(yè)面中第一個(gè)鏈接對(duì)象的URL地址賦給變量link1，格式為： link1=document.links0.href; anchor對(duì)象：代表當(dāng)前文檔中的一個(gè)鏈接點(diǎn)，用數(shù)組links來(lái)訪問(wèn)。 form對(duì)象：代表文檔中的表單。用數(shù)組forms來(lái)訪問(wèn)。7.4JavaScriptJavaScript中的事件中的事件 JavaScript是基于對(duì)象(object-based)的語(yǔ)言，而基于對(duì)象的基本特征就是采用事件驅(qū)動(dòng)(event-driven)。事件定義了用戶(hù)與Web頁(yè)面交互時(shí)產(chǎn)生的各種動(dòng)作。通常我們把鼠標(biāo)或熱鍵的動(dòng)作稱(chēng)之為事件（Event），例如，單擊一個(gè)按鈕就產(chǎn)生一個(gè)事件。 在J

56、avaScript中，對(duì)象事件的處理通常由函數(shù)來(lái)完成，所以事件處理程序的基本格式與函數(shù)全部一樣。格式如下： Function 事件處理名（參數(shù)表） 事件處理語(yǔ)句集； 歸納起來(lái)，必須使用的事件有三大類(lèi)： 1引起頁(yè)面之間跳轉(zhuǎn)的事件，主要是超鏈接事件。 2事件瀏覽器自己引起的事件。 3事件在表單內(nèi)部與界面對(duì)象交互引起的事件。 句柄是一個(gè) 32 位的正整數(shù)，用來(lái)存儲(chǔ)特定的事件處理函數(shù)，識(shí)別窗體或其他對(duì)象，如字體或位圖。Windows 給每個(gè)窗口一個(gè)唯一的句柄，通過(guò)句柄操縱該窗口。一個(gè)句柄的名字是在對(duì)應(yīng)的事件名字之前加上on，如處理Load事件的句柄通常是onLoad。7.4JavaScriptJava

57、Script中的事件中的事件 瀏覽器事件瀏覽器事件 常用的瀏覽器事件有Load、Unload和Submit。 1Load事件 當(dāng)瀏覽器裝載網(wǎng)頁(yè)時(shí)會(huì)觸發(fā)Load事件。這個(gè)事件處理函數(shù)在其他所有JavaScript程序和網(wǎng)頁(yè)之前被執(zhí)行，用來(lái)完成網(wǎng)頁(yè)中所有數(shù)據(jù)的初始化、彈出提示窗口或密碼確認(rèn)窗口。通常在標(biāo)記中使用這個(gè)事件的句柄。 2Unload事件 Unload事件與Load事件正好相反，當(dāng)卸載一個(gè)頁(yè)面時(shí)會(huì)發(fā)生Unload事件，即在瀏覽器載入一個(gè)新的網(wǎng)頁(yè)之前或當(dāng)用戶(hù)退出文檔時(shí)觸發(fā) unload 事件。onUnload 用在 BODY 或 FRAMESET 標(biāo)簽上。如。 3Submit事件 當(dāng)用戶(hù)完成

58、信息輸入提交表單時(shí)發(fā)生該事件。通常在標(biāo)簽中使用onSubmit句柄。當(dāng)用戶(hù)提交表單時(shí)，JavaScript調(diào)用Submit事件的處理函數(shù)，對(duì)表單數(shù)據(jù)進(jìn)行驗(yàn)證，如果所有數(shù)據(jù)驗(yàn)證都能通過(guò)，時(shí)間處理函數(shù)就返回true，將表單提交到服務(wù)器。如果返回false，則不進(jìn)行提交，并給出提示信息，讓用戶(hù)重新輸入數(shù)據(jù)。7.4JavaScriptJavaScript中的事件中的事件 鍵盤(pán)事件鍵盤(pán)事件 常用的鍵盤(pán)事件有KeyDown、KeyPress和KeyUp事件。 1KeyDown事件 當(dāng)用戶(hù)按下一個(gè)鍵時(shí)會(huì)發(fā)生該事件。KeyDown事件總是發(fā)生在KeyPress事件之前，如果KeyDown事件的處理函數(shù)返回fa

59、lse ，則KeyPress事件不會(huì)發(fā)生。當(dāng)KeyDown事件發(fā)生時(shí)，JavaScript會(huì)自動(dòng)調(diào)用onKeyDown句柄。KeyDown事件適用的對(duì)象有document、Image（圖像）、Link（超級(jí)鏈接）、Textarea（文本區(qū)域）。 2KeyPress事件 當(dāng)用戶(hù)按下一個(gè)鍵時(shí)觸發(fā)該事件，當(dāng)KeyDown事件的處理函數(shù)返回的值為true時(shí)KeyPress事件接著發(fā)生。當(dāng)用戶(hù)按著一個(gè)鍵不松開(kāi)時(shí)，KeyPress事件會(huì)不斷發(fā)生。當(dāng)KeyPress事件發(fā)生時(shí)，JavaScript會(huì)自動(dòng)調(diào)用onKeyPress句柄。KeyPress事件適用的對(duì)象有document、Image、Link、Te

60、xtarea。 3KeyUp事件 當(dāng)用戶(hù)釋放鍵盤(pán)上的一個(gè)鍵時(shí)觸發(fā)KeyUp 事件。當(dāng)KeyUp事件發(fā)生時(shí)，JavaScript會(huì)自動(dòng)調(diào)用onKeyUp句柄。KeyUp事件適用的對(duì)象有document、Image、Link、Textarea。 7.4JavaScriptJavaScript中的事件中的事件 鼠標(biāo)事件鼠標(biāo)事件 常用的鼠標(biāo)事件有MouseDown、MouseUp、MouseOver、MouseMove、MouseOut、Click、Blur、Change、Move、Select和Focus事件。在鼠標(biāo)事件發(fā)生時(shí)，鼠標(biāo)事件的信息被作為一個(gè)參數(shù)傳送給鼠標(biāo)事件處理函數(shù)。 1MouseDow