1、第四章 JavaScript腳本語言,主講人:陳軼,2007-1-9,第六章 JavaScript基礎(chǔ)概念（陳軼）,2,第六章 JavaScript基礎(chǔ)概念,學(xué)習(xí)目標(biāo)： 了解JavaScript的基本概念。 對(duì)JavaScript有初步的印象。 掌握J(rèn)avaScript的基本語法 了解流程控制結(jié)構(gòu)。 掌握J(rèn)avaScript的條件、循環(huán)等流程控制語法。 JavaScript的函數(shù) 了解什么是事件，事件處理的運(yùn)用。 掌握J(rèn)avaScript的常見內(nèi)置對(duì)象。,2007-1-9,第六章 JavaScript基礎(chǔ)概念（陳軼）,3,第六章 JavaScript基礎(chǔ)概念,主要內(nèi)容： JavaScript概

2、述 初識(shí)JavaScript程序 常見的數(shù)據(jù)類型 變量(Variable) 數(shù)組(Array) 常量(Constant) 運(yùn)算符(Operator),條件語句ifelse 選擇語句switchcase 計(jì)數(shù)循環(huán)語句 for 循環(huán)語句forin 條件式循環(huán)with 注釋語句 返回語句return 函數(shù) 事件處理 事件處理方法 JavaScript預(yù)定義的事件處理器 JavaScript內(nèi)置對(duì)象,2007-1-9,第六章 JavaScript基礎(chǔ)概念（陳軼）,4,4.1 JavaScript概述,JavaScript程序語言是NetScape與Sun公司合作產(chǎn)生的一種腳本語言。 JavaScrip

3、t是一種基于對(duì)象(Object)和事件驅(qū)動(dòng)(Event Driven),并具有安全性能的腳本語言。它可以和HTML等實(shí)現(xiàn)與WEB客戶交互作用。 JavaScript是簡(jiǎn)單的。主要體現(xiàn)在：首先它是一種基于Java基本語句和控制流之上的簡(jiǎn)單而緊湊的設(shè)計(jì)。 JavaScript可以用文本編輯器進(jìn)行編輯。,2007-1-9,第六章 JavaScript基礎(chǔ)概念（陳軼）,5,4.1 JavaScript概述,JavaScript是安全的。它不允許訪問本地的硬盤，并不能將數(shù)據(jù)存入到服務(wù)器上，不允許對(duì)網(wǎng)絡(luò)文檔進(jìn)行修改和刪除，只能通過瀏覽器實(shí)現(xiàn)信息瀏覽或動(dòng)態(tài)交互。 JavaScript是動(dòng)態(tài)的，它可以直接對(duì)用

4、戶或客戶輸入做出響應(yīng)，無須經(jīng)過Web服務(wù)程序。它對(duì)用戶的反映響應(yīng)，是采用以事件驅(qū)動(dòng)的方式進(jìn)行的。 JavaScript是跨平臺(tái)的，它依賴于瀏覽器本身，與操作環(huán)境無關(guān)，只要能運(yùn)行瀏覽器的計(jì)算機(jī)，并支持JavaScript的瀏覽器就可正確執(zhí)行。,2007-1-9,第六章 JavaScript基礎(chǔ)概念（陳軼）,6,4.2 初識(shí)JavaScript程序,第一個(gè)JavaScript程序 運(yùn)行結(jié)果見HTML6_1.html。,2007-1-9,第六章 JavaScript基礎(chǔ)概念（陳軼）,7,4.2 初識(shí)JavaScript程序,程序解析： 告訴瀏覽器在此標(biāo)記內(nèi)的部分是JavaScript代碼 函數(shù)doc

5、ument.write()輸出信息 ：為了防止部分瀏覽器無法顯示JavaScript程序時(shí)，就把程序視為注釋忽略。,2007-1-9,第六章 JavaScript基礎(chǔ)概念（陳軼）,8,4.2 初識(shí)JavaScript程序,第二個(gè)JavaScript程序 運(yùn)行結(jié)果見Html6_4.html。,2007-1-9,第六章 JavaScript基礎(chǔ)概念（陳軼）,9,4.3 JavaScript常見的數(shù)據(jù)類型,JavaScript支持三種基本數(shù)據(jù)類型: 數(shù)值型 字符串 布爾型 JavaScript支持復(fù)合數(shù)據(jù)類型 無序的集合 有序的集合,2007-1-9,第六章 JavaScript基礎(chǔ)概念（陳軼）,1

6、0,4.3 JavaScript常見的數(shù)據(jù)類型,數(shù)值型 整數(shù) 十進(jìn)制：34 八進(jìn)制：023 十六進(jìn)制：0 x12 特別的數(shù)字量NaN，用以表示一個(gè)變量或函數(shù)的返回值不是數(shù)字。 實(shí)數(shù) 小數(shù)表示 指數(shù)表示 在JavaScript中整數(shù)和實(shí)數(shù)并沒有嚴(yán)格區(qū)分，二者在程序中可以自由地轉(zhuǎn)換。,2007-1-9,第六章 JavaScript基礎(chǔ)概念（陳軼）,11,4.3 JavaScript常見的數(shù)據(jù)類型,內(nèi)部定義常量 JavaScript中有Math對(duì)象定義常用的數(shù)字常量。如Math.Pi、Math.E等 特殊值,2007-1-9,第六章 JavaScript基礎(chǔ)概念（陳軼）,12,4.3 JavaScr

7、ipt常見的數(shù)據(jù)類型,字符串 由單引號(hào)或雙引號(hào)界定的一串字符； 如果在一對(duì)雙引號(hào)之間出現(xiàn)單引號(hào)，可以視之為字符串的一部分； 如果在一對(duì)單引號(hào)之間出現(xiàn)雙引號(hào)，可以視之為字符串的一部分； 如果在單引號(hào)之間出現(xiàn)了單引號(hào),可將內(nèi)部的單引號(hào)用轉(zhuǎn)義字符表示;如Cant表示成Cant 可以直接獲得字符串的長度； s=“do what you want”; s.length,2007-1-9,第六章 JavaScript基礎(chǔ)概念（陳軼）,13,4.3 JavaScript常見的數(shù)據(jù)類型,JavaScript的轉(zhuǎn)義字符示例,2007-1-9,第六章 JavaScript基礎(chǔ)概念（陳軼）,14,4.3 JavaS

8、cript常見的數(shù)據(jù)類型,布爾類型 （：true；：false） null 沒有值，表示不是有效的對(duì)象、數(shù)組、數(shù)字、字符串、布爾數(shù)等； undefined 可以是一個(gè)沒有聲明的變量； 是一個(gè)已經(jīng)創(chuàng)建但沒有賦值的變量； 可以是一個(gè)并不存在的對(duì)象屬性；,2007-1-9,第六章 JavaScript基礎(chǔ)概念（陳軼）,15,4.4 變量,什么是變量 變量是在程序中聲明一個(gè)名字，使計(jì)算機(jī)提供一個(gè)預(yù)留的內(nèi)存空間，來存儲(chǔ)任何數(shù)字或者文字。 在一個(gè)JavaScript函數(shù)的外部聲明的變量是外部變量，在函數(shù)內(nèi)部聲明和使用的變量是為內(nèi)部變量。,2007-1-9,第六章 JavaScript基礎(chǔ)概念（陳軼）,16

9、,4.4 變量,變量的名稱 變量名可以包含0-9、大寫或小寫的拉丁字母和下劃線； 變量名的首字符必須是字母或下劃線； 變量名中不能有空格或其他標(biāo)點(diǎn)符號(hào)； 區(qū)分大小寫； 不可以使用保留字； 變量名的長度在一行以內(nèi)；,2007-1-9,第六章 JavaScript基礎(chǔ)概念（陳軼）,17,4.4 變量,JavaScript中的變量聲明 JavaScript語言中可以不必事先聲明變量名稱。 變量利用“=”進(jìn)行賦值。 變量名稱=值 例如：aa=50 建議使用var語句來聲明變量。 var value=10 在使用一個(gè)與外部變量重名的內(nèi)部變量時(shí)候，必須使用var語句聲明一個(gè)函數(shù)的內(nèi)部變量。 例子見HTML

10、6_2.html。,注意：,2007-1-9,第六章 JavaScript基礎(chǔ)概念（陳軼）,18,4.5 常量,什么是常量 常量是一種不會(huì)改變的數(shù),也就是說原來就存在于程序軟件內(nèi),而且不會(huì)任意改變它所代表的值。NaN、null等都是JavaScript規(guī)定好的。,2007-1-9,第六章 JavaScript基礎(chǔ)概念（陳軼）,19,4.6 運(yùn)算符,數(shù)學(xué)運(yùn)算符,2007-1-9,第六章 JavaScript基礎(chǔ)概念（陳軼）,20,4.6 運(yùn)算符,舉例HTML6_3.html。 賦值運(yùn)算 = 將值從右到左 與其他運(yùn)算符組成復(fù)合賦值運(yùn)算(+=、-=等）,+也可以進(jìn)行“字符串連接”,注意：,2007-

11、1-9,第六章 JavaScript基礎(chǔ)概念（陳軼）,21,4.6 運(yùn)算符,關(guān)系運(yùn)算，例子見HTML6_4.html。,2007-1-9,第六章 JavaScript基礎(chǔ)概念（陳軼）,22,4.6 運(yùn)算符,邏輯運(yùn)算符,4.6 運(yùn)算符,位邏輯運(yùn)算,2007-1-9,第六章 JavaScript基礎(chǔ)概念（陳軼）,23,2007-1-9,第六章 JavaScript基礎(chǔ)概念（陳軼）,24,4.6 運(yùn)算符,其他操作符 例子見HTML6_4.html。 條件操作符(?:) new操作符 創(chuàng)建一個(gè)對(duì)象實(shí)例 delete操作符 刪除對(duì)象、對(duì)象的屬性、或數(shù)組中的元素，刪除成功返回真值，刪除失敗返回假值。,20

12、07-1-9,第六章 JavaScript基礎(chǔ)概念（陳軼）,25,4.6 運(yùn)算符,this 引用當(dāng)前的對(duì)象 in 判斷運(yùn)算符左邊的值是其右邊對(duì)象的一個(gè)屬性名，是為真，否為假； instanceof 判斷是實(shí)例化的值；,2007-1-9,第六章 JavaScript基礎(chǔ)概念（陳軼）,26,4.6 運(yùn)算符,void運(yùn)算符 舍棄運(yùn)算數(shù)的值，返回一個(gè)undefined。 typeof運(yùn)算符 返回一個(gè)字符串，說明數(shù)據(jù)的類型。 ，逗號(hào)運(yùn)算符,2007-1-9,第六章 JavaScript基礎(chǔ)概念（陳軼）,27,4.7 數(shù)組(Array),什么是數(shù)組 數(shù)組是由許多名稱相同的變量聚集在一起，數(shù)組的用法和普通變

13、量是一樣的，也可以存入任何數(shù)據(jù)類型，不同點(diǎn)就是它在內(nèi)存中占據(jù)的是一塊連續(xù)的空間，可以依序來給它們編號(hào)，再依編號(hào)來使用它們。 數(shù)組的下標(biāo)小于232-1。,2007-1-9,第六章 JavaScript基礎(chǔ)概念（陳軼）,28,4.7 數(shù)組(Array),創(chuàng)建數(shù)組 創(chuàng)建空數(shù)組 var a=new Array() 創(chuàng)建包含不同類型元素的數(shù)組 var b=new Array(21,3.5,”heart”); 指定大小的數(shù)組 var c=new Array(3); 定義并指定元素 var d=“now”,”future”,”past”;,數(shù)組的好處在于一次可以聲明多個(gè)變量,2007-1-9,第六章 Jav

14、aScript基礎(chǔ)概念（陳軼）,29,4.7 數(shù)組(Array),Array對(duì)象的方法 join()：把所有的元素連接成串； reverse()：把數(shù)組中元素的位置顛倒； sort()：數(shù)組中元素排序； concat()：連接兩個(gè)數(shù)組； slice()：返回?cái)?shù)組的一部分； splice()：插入或刪除數(shù)組元素； push()：在數(shù)組尾部加入數(shù)組元素； pop()：刪除數(shù)組的最后一個(gè)元素，返回刪除的值；,2007-1-9,第六章 JavaScript基礎(chǔ)概念（陳軼）,30,4.7 數(shù)組(Array),unshift()：在數(shù)組的前面添加元素； shift()：在數(shù)組的開頭刪除數(shù)組元素； toSt

15、ring()：把多個(gè)元素轉(zhuǎn)換成字符串； 例子見HTML6_4.html。,4.8 對(duì)象,JavaScript 是面向?qū)ο蟮摹?對(duì)象（object）是屬性的無序集合，每個(gè)屬性存放一個(gè)原始值、對(duì)象或函數(shù)”,2007-1-9,第六章 JavaScript基礎(chǔ)概念（陳軼）,31,4.8 對(duì)象,對(duì)象包含屬性和方法兩部分。 對(duì)象的屬性和方法的訪問方式 對(duì)對(duì)象中屬性的訪問可以通過“對(duì)象名.屬性名”的方式進(jìn)行，同樣，要調(diào)用對(duì)象中定義好的方法可以通過“對(duì)象名.方法名”的形式實(shí)現(xiàn)。 也可以將對(duì)象的屬性看作是一個(gè)屬性數(shù)組，因此可以通過訪問數(shù)組下標(biāo)的形式訪問對(duì)象的屬性，數(shù)組下標(biāo)可以用數(shù)字或者屬性名表示。,2007-1

16、-9,第六章 JavaScript基礎(chǔ)概念（陳軼）,32,4.8對(duì)象,若student是一個(gè)定義過的對(duì)象，它包含name、stunum和age三個(gè)屬性，當(dāng)我們要給這三個(gè)屬性賦值時(shí)可以通過以下方式實(shí)現(xiàn)： = John student.stunum = 12345 student.age = 20,2007-1-9,第六章 JavaScript基礎(chǔ)概念（陳軼）,33,4.8對(duì)象,自定義對(duì)象 使用關(guān)鍵字function來聲明。其語法形式為： function 對(duì)象名（屬性列表） this.屬性1= 參數(shù)1 this.屬性2= 參數(shù)2 this.方法1= 函數(shù)1 this.屬

17、性2= 函數(shù)2 創(chuàng)建對(duì)象實(shí)例 使用new關(guān)鍵字,2007-1-9,第六章 JavaScript基礎(chǔ)概念（陳軼）,34,4.8對(duì)象,如要定義一個(gè)student對(duì)象，它的屬性為name、stunum和age，可以通過以下語句實(shí)現(xiàn)： function student（Name, StuNum, Age） = Name this.stunum = StuNum this.age = Age var s = new student（John,12345,20） 書Page71，程序清單4-2,2007-1-9,第六章 JavaScript基礎(chǔ)概念（陳軼）,35,2007-1-9,第七

18、章 JavaScript流程控制（陳軼）,36,4.9 條件語句if,單一選擇： 格式：if 條件 程序代碼 雙向選擇： 格式： if 條件 程序代碼一 else 程序代碼二 例子見HTML7_1.html,2007-1-9,第七章 JavaScript流程控制（陳軼）,37,4.9 條件語句if,多項(xiàng)選擇 格式：if 條件 程序代碼一 else if 程序代碼二 else if 程序代碼三 else 程序代碼(N+1) 例子見HTML7_2.html。,2007-1-9,第七章 JavaScript流程控制（陳軼）,38,4.10 選擇語句switchcase,格式： switch(變量）

19、case 值一： 程序代碼一 break; case 值二： 程序代碼二 break; . default:： 程序代碼(N+1),2007-1-9,第七章 JavaScript流程控制（陳軼）,39,4.11 循環(huán)語句for,格式： for(初始表達(dá)式；循環(huán)條件；遞增表達(dá)式) 程序代碼 舉例見HTML7_3.html。,2007-1-9,第七章 JavaScript流程控制（陳軼）,40,4.12 循環(huán)語句while,格式 while(循環(huán)條件) 程序代碼 do 程序代碼 while(循環(huán)條件)； 例：用JavaScript實(shí)現(xiàn)九九乘法表的輸出。 例子見HTML7_4.html。,2007-

20、1-9,第七章 JavaScript流程控制（陳軼）,41,4.13 循環(huán)語句forin,格式： for(變量 in 對(duì)象) 程序代碼 例：列舉對(duì)象document的所有屬性。 見HTML7_5.html。,2007-1-9,第七章 JavaScript流程控制（陳軼）,42,4.14 label語句,格式 label:代碼塊 例如： highscore: if(score80) break highscore; document.write(“HighScore”); ,2007-1-9,第七章 JavaScript流程控制（陳軼）,43,4.15 break語句,格式： break 用于s

21、witch和循環(huán)語句中進(jìn)行跳出轉(zhuǎn)向。 跳出標(biāo)記語句，見label語句。 例:用break label實(shí)現(xiàn)九九乘法表。 見HTML7_6.html。,2007-1-9,第七章 JavaScript流程控制（陳軼）,44,4.16 continue,格式 continue continue 標(biāo)記； 結(jié)束本層循環(huán) 例：用continue label實(shí)現(xiàn)九九乘法表。 見HTML7_4.html。,2007-1-9,第七章 JavaScript流程控制（陳軼）,45,4.17 with語句,格式 with(對(duì)象) 代碼塊 with語句用于聲明代碼塊的缺省對(duì)象。 例：with(document) writ

22、e(“JavaScript”); 見HTML7_4.html。,2007-1-9,第七章 JavaScript流程控制（陳軼）,46,4.18 其他語句,注釋 單行注釋/ 多行注釋/* .*/ return 語句 用于函數(shù)中，返回函數(shù)處理的結(jié)果給調(diào)用函數(shù)的語句。,4.18 其他語句,在Internet往往會(huì)遇到運(yùn)行錯(cuò)誤。如果不對(duì)運(yùn)行錯(cuò)誤進(jìn)行處理，會(huì)影響用戶訪問網(wǎng)頁的質(zhì)量，javascript提供了兩種處理錯(cuò)誤的方式： trycatch:用來測(cè)試代碼中的錯(cuò)誤。(在 IE5+、Mozilla 1.0、和 Netscape 6 中可用) 使用 onerror 事件。這是用于捕獲錯(cuò)誤的老式方法。(Ne

23、tscape 3 以后的版本可用),4.18 其他語句,TryCatch try /運(yùn)行代碼,有可能出現(xiàn)問題 catch(err) /在此處理錯(cuò)誤 例：見HTML6_9.html,4.18 其他語句,Throw Throw 聲明 throw 聲明的作用是創(chuàng)建 exception（異常）。throw與 try.catch 聲明配合使用，以達(dá)到控制程序流并產(chǎn)生精確錯(cuò)誤消息的目的。 例：見HTML6_11.html,2007-1-9,第七章 JavaScript流程控制（陳軼）,50,4.19函數(shù),函數(shù)定義 function 函數(shù)名(參數(shù)表) 代碼塊 函數(shù)的調(diào)用 函數(shù)名(實(shí)參); 作為數(shù)據(jù)的函數(shù) 函

24、數(shù)可以作為數(shù)據(jù)賦值給變量. 見例子HTML7_11.html 常用的全局函數(shù) eval(字符串)：執(zhí)行字符串，例eval(“3+4”) isNaN(表達(dá)式)：判斷表達(dá)式是否是一個(gè)數(shù)值類型的數(shù)據(jù)。,2007-1-9,第七章 JavaScript流程控制（陳軼）,51,4.20函數(shù),number(對(duì)象)：將對(duì)象轉(zhuǎn)換成數(shù)值； string(對(duì)象)：將對(duì)象轉(zhuǎn)換成字符串； escape(字符串)：將字符串編碼成ISO-Latin-1字符集的編碼。 unescape(字符串)：將字符串解碼還原。 例子見HTML7_9.html。 遞歸函數(shù) 函數(shù)自我調(diào)用。 例：編寫JavaScript程序?qū)崿F(xiàn)n!的運(yùn)算。

25、程序見HTML7_10.html。,2007-1-9,第八章 JavaScript事件和對(duì)象,52,4.21 JavaScript的事件,什么是事件？ 事件是說明用戶與WEB頁交互操作時(shí)產(chǎn)生的操作。如用戶單擊按鈕或輸入窗體數(shù)據(jù)時(shí)，就會(huì)產(chǎn)生一個(gè)事件，瀏覽器在事件發(fā)生時(shí)，進(jìn)行相應(yīng)地處理。響應(yīng)某個(gè)事件而進(jìn)行的處理過程稱為事件處理。 進(jìn)行這種處理的代碼稱為事件處理器。,2007-1-9,第八章 JavaScript事件和對(duì)象,53,4.21 JavaScript的事件,2007-1-9,第八章 JavaScript事件和對(duì)象,54,4.21 JavaScript的事件,2007-1-9,第八章 Jav

26、aScript事件和對(duì)象,55,4.21 JavaScript的事件,事件句柄 是界面對(duì)象的一個(gè)屬性，以存儲(chǔ)特定的事件處理函數(shù)的信息。當(dāng)一個(gè)事件發(fā)生，JavaScript就會(huì)自動(dòng)查找界面對(duì)象中對(duì)應(yīng)的事件句柄，調(diào)用與之相關(guān)聯(lián)的事件處理函數(shù)。一般句柄的形式總是事件的名稱前面加上前綴on。,2007-1-9,第八章 JavaScript事件和對(duì)象,56,4.21 JavaScript的事件,鼠標(biāo)事件 MouseOver - onMouseOver MouseOut - onMouseOut MouseMove - onMouseMove MouseDown - onMouseDown MouseUp

27、 - onMouseUp Click - onClick Blur - onBlur Focus - onFocus,2007-1-9,第八章 JavaScript事件和對(duì)象,57,4.21 JavaScript的事件,鏈接事件 mouseOver onMouseOver mouseOut onMouseOut Click onClick 例:實(shí)現(xiàn)一個(gè)URL鏈接在鼠標(biāo)經(jīng)過、鼠標(biāo)移出、鼠標(biāo)單擊不同時(shí)出現(xiàn)不同的圖形。見HTML8_1.html。,2007-1-9,第八章 JavaScript事件和對(duì)象,58,4.21 JavaScript的事件,窗口事件 裝入窗口 onLoad 退出窗口 onUn

28、load 裝入窗口時(shí)出錯(cuò) onError 窗口得到輸入焦點(diǎn)屬性 onFocus 窗口失去輸入焦點(diǎn)屬性 onBlur 例：首次裝入HTML文件時(shí)，顯示“歡迎你”的提示信息。當(dāng)退出窗口，顯示“再見，下次再來！”的提示信息。 見HTML8_2.html。,2007-1-9,第八章 JavaScript事件和對(duì)象,59,4.22 JavaScript的內(nèi)置對(duì)象,對(duì)象 封裝數(shù)據(jù)和方法，具有信息隱藏的性質(zhì) JavaScript的內(nèi)置對(duì)象 String對(duì)象 Math對(duì)象 Date對(duì)象 Array對(duì)象 Number對(duì)象 Boolean對(duì)象 Event對(duì)象 RegExp對(duì)象,2007-1-9,第八章 JavaS

29、cript事件和對(duì)象,60,4.22 JavaScript的內(nèi)置對(duì)象,String對(duì)象 常見的方法 charAt(index)charCodeAt(index) concat(string)fromCharCode(v1,.) indexOf(index)lastIndexOf(s,index) slice(start,end)split(string) substr(start,len)substring(s,end) toLowerCase()toUpperCase() toString() valueof(),2007-1-9,第八章 JavaScript事件和對(duì)象,61,4.22 Ja

30、vaScript的內(nèi)置對(duì)象,生成標(biāo)記的方法 anchor(name) blink() fixed() link(url) strike() sub() sup() String對(duì)象的示例見HTML8_4.html。,2007-1-9,第八章 JavaScript事件和對(duì)象,62,4.22 JavaScript的內(nèi)置對(duì)象,Math對(duì)象 常見方法 abs(x) min(x) ceil(x) pow(x,y) cos(x) round(x) sin(x) sqrt(x) exp(x) tan(x) floor(x) log(x) max(x),2007-1-9,第八章 JavaScript事件和對(duì)象

31、,63,4.22 JavaScript的內(nèi)置對(duì)象,Date對(duì)象 常見的方法 getDate() getUTCDate() getDay() getUTCDay() getFullYear() getUTCFullYear() getHours() getUTCHours() getMilliseconds() getUTCMilliseconds() getMinutes() getUTCMinutes() getMonth() getUTCMonth() getSeconds() getUTCSeconds() getTime() getUTCTime() 例：顯示本機(jī)的日期和時(shí)間。見HTM

32、L8_3.html。,2007-1-9,第八章 JavaScript事件和對(duì)象,64,4.23 瀏覽器對(duì)象,window,frames,history,navigator,location,event,document,screen,瀏覽器對(duì)象示意,2007-1-9,第八章 JavaScript事件和對(duì)象,65,4.23 瀏覽器的對(duì)象,window對(duì)象 表示顯示文檔的WEB瀏覽器的窗口，或窗口中顯示文檔的一個(gè)框架。處于對(duì)象層次的最頂端，它提供了處理navigator窗口的方法和屬性 常見方法： open(url,WindowName,parameterlist):創(chuàng)建一個(gè)新窗口。 close(

33、):關(guān)閉一個(gè)窗口。 alert(text):警告窗口。 confirm(text):彈出確認(rèn)域。 promt(text,Defaulttext):彈出提示框。 setTimeout(表達(dá)式，時(shí)間)定時(shí)設(shè)置。 clearTimeout(timer)：取消以前的設(shè)定。 setInterval(表達(dá)式，時(shí)間):設(shè)定一個(gè)時(shí)間間隔。,2007-1-9,第八章 JavaScript事件和對(duì)象,66,4.23 瀏覽器的對(duì)象,clearInterval(timer):取消時(shí)間間隔設(shè)定。 back():后退。 forward():前進(jìn)。 home():返回主頁。 stop():停止裝載網(wǎng)頁 屬性 frame:幀

34、。 status:狀態(tài)欄信息。 location:當(dāng)前窗口URL信息。 history:歷史。 defaultstatus:默認(rèn)狀態(tài)，它的值顯示在窗口的狀態(tài)欄中。 top:包括的是用以實(shí)現(xiàn)所有的下級(jí)窗口的窗口。 window.指的是當(dāng)前窗口 self:引用當(dāng)前窗口。 例:顯示變化的時(shí)間.見HTML8_5.html.,2007-1-9,第八章 JavaScript事件和對(duì)象,67,4.23 瀏覽器對(duì)象,navigator對(duì)象 提供有關(guān)瀏覽器的信息 屬性 appName:提供字符串形式的瀏覽器名稱。 appVersion:反映瀏覽器的版本號(hào)。 appCodeName:瀏覽器的代碼名稱。 userA

35、gent:用戶代理標(biāo)識(shí)。 mineTypes:可以使用的mine類型信息。 plugins:可以使用的插件信息。 languages:語言設(shè)定。 platform:瀏覽器適用的平臺(tái)名稱。 例子見HTML8_6.html,HTML8_6_1.html,2007-1-9,第八章 JavaScript事件和對(duì)象,68,4.23 瀏覽器的對(duì)象,document對(duì)象 document對(duì)象包含了與文檔元素(elements)一起工作的對(duì)象，它將這些元素封裝起來供編程人員使用 document對(duì)象的屬性 frames：窗口中每個(gè)框架的對(duì)象的數(shù)組 parent：指明當(dāng)前窗口或框架的父窗口 status：窗口狀

36、態(tài)欄的信息 window：當(dāng)前窗口 self：引用當(dāng)前窗口,2007-1-9,第八章 JavaScript事件和對(duì)象,69,4.23 瀏覽器的對(duì)象,document對(duì)象中主要有三個(gè)對(duì)象:anchors、links、forms,此外all和images anchors anchors對(duì)象指的是 標(biāo)識(shí)在HTML源碼中存在時(shí)產(chǎn)生的對(duì)象。它包含著文檔中所有的anchors信息. 例子見HTML8_4.html. links links對(duì)象指的是用 標(biāo)記的連接一個(gè)超文本或超媒體的元素作為一個(gè)特定的URL. 屬性有: Hash:如果URL包含#，該方法將返回該符號(hào)之后的內(nèi)容. Host/hostname:

37、服務(wù)器的名字 href:當(dāng)前載入頁面的URL pathname:URL中主機(jī)名后的部分,2007-1-9,第八章 JavaScript事件和對(duì)象,70,Port:請(qǐng)求的端口 Protocol:URL中請(qǐng)求的協(xié)議 search:查詢字符串,執(zhí)行g(shù)et請(qǐng)求的”?”后的內(nèi)容 target:打開網(wǎng)頁的窗口狀況,document的常見方法 close() :關(guān)閉用 document.open() 方法打開的輸出流，并顯示選定的數(shù)據(jù)。 getElementById() :返回對(duì)擁有指定 id 的第一個(gè)對(duì)象的引用。 getElementsByName() :返回帶有指定名稱的對(duì)象集合。 getElement

38、sByTagName() :返回帶有指定標(biāo)簽名的對(duì)象集合。 open() :打開一個(gè)流，以收集來自任何 document.write() 或 document.writeln() :方法的輸出。 write(): 向文檔寫 HTML 表達(dá)式 或 JavaScript 代碼。 writeln() :等同于 write() 方法，不同的是在每個(gè)表達(dá)式之后寫一個(gè)換行符。 例子見HTML8_9.html,HTML4_DoM.html,forms form對(duì)象是文檔對(duì)象的一個(gè)元素，它含有多種格式的對(duì)象儲(chǔ)存信息,可用來動(dòng)態(tài)改變文檔的行為。通過document.forms數(shù)組來使得在同一個(gè)頁面上可以有多個(gè)相

39、同的窗體. 例子見HTML8_10.html. 例:編寫一個(gè)表單中所有元素不能為空的程序.見HTML8_11.html.,2007-1-9,第八章 JavaScript事件和對(duì)象,73,4.23 瀏覽器的對(duì)象,location對(duì)象 提供了與當(dāng)前打開的URL一起工作的方法和屬性. location的常見方法 reload():從Web服務(wù)器再次載入當(dāng)前顯示的頁面. replace():指定URL代替歷史列表中的當(dāng)前URL. location常見屬性 Hash:如果URL包含#，該方法將返回該符號(hào)之后的內(nèi)容. host:服務(wù)器的名字 href:當(dāng)前載入頁面的URL pathname:URL中主機(jī)名后的部分 Port:請(qǐng)求的端口 Protocol:URL中請(qǐng)求的協(xié)議 search:查詢字符串,執(zhí)行g(shù)et請(qǐng)求的”?”后的內(nèi)容 例子見HTML8_7.html.,2007-1-9,第八章 JavaScript事件和對(duì)象,74,4.23 瀏覽器的對(duì)象,history對(duì)象 history對(duì)象提供了與歷史清單有關(guān)的信息,利用它實(shí)現(xiàn)導(dǎo)航 常見方法： back(); forward(); go(int),2007-1-