1、JavaScript教程JavaScript是由Netscape公司開發并隨Navigator導航者一起發布的、介于Java與HTML之間、基于對象事件驅動的編程語言，正日益受到全球的關注。因它的開發環境簡單，不需要Java編譯器，而是直接運行在Web瀏覽器中，而因倍受Web設計者的所愛 JavaScript教程語言概況 o JavaScript的出現，它可以使得信息和用戶之間不僅只是一種顯示和瀏覽的關系，而是實現了一種實時的、動態的、可交式的表達能力 .o JavaScript腳本正是滿足這種需求而產生的語言。它深受廣泛用戶的喜愛的歡送。它是眾多腳本語言中較為優秀的一種，它與WWW的結合有效

2、地實現了網絡計算和網絡計算機的藍圖。無凝Java家族將占領Internet網絡的主導地位。 o 源碼網整理：JavaScript幾個根本特點 o 腳本編寫語言腳本編寫語言 o 基于對象的語言基于對象的語言 o 簡單性簡單性 o 平安性平安性 o 動態性動態性 o 跨平臺性跨平臺性 JavaScript和Java的區別 o 雖然JavaScript與Java有緊密的聯系，但卻是兩個公司開發的不同的兩個產品。o Java是SUN公司推出的新一代面向對象的程序設計語言，特別適合于Internet應用程序開發；o JavaScript是Netscape公司的產品，其目的是為了擴展Netscape Na

3、vigator功能，而開發的一種可以嵌入Web頁面中的基于對象和事件驅動的解釋性語言，它的前身是Live Script；o Java的前身是Oak語言。基于對象和面向對象基于對象和面向對象 o Java是一種真正的面向對象的語言，即使是開發簡單的程序，必須設計對象。 o JavaScript是種腳本語言，它可以用來制作與網絡無關的，與用戶交互作用的復雜軟件。它是一種基于對象Object Based和事件驅動Event Driver的編程語言。因而它本身提供了非常豐富的內部對象供設計人員使用。 解釋和編譯解釋和編譯 o 兩種語言在其瀏覽器中所執行的方式不一樣。Java的源代碼在傳遞到客戶端執行之

4、前，必須經過編譯，因而客戶端上必須具有相應平臺上的仿真器或解釋器，它可以通過編譯器或解釋器實現獨立于某個特定的平臺編譯代碼的束縛。o JavaScript是一種解釋性編程語言，其源代碼在發往客戶端執行之前不需經過編譯，而是將文本格式的字符代碼發送給客戶編由瀏覽器解釋執行。 強變量和弱變量強變量和弱變量 o兩種語言所采取的變量是不一樣的。oJava采用強類型變量檢查，即所有變量在編譯之前必須作聲明。如: Integer x; String y;x=1234;x=4321;其中X=1234說明是一個整數，Y=4321說明是一個字符串。oJavaScript中變量聲明，采用其弱類型。即變量在使用前不

5、需作聲明，而是解釋器在運行時檢查其數據類型，如：x=1234;y4321;前者說明x為其數值型變量，而后者說明y為字符型變量。 代碼格式不一樣代碼格式不一樣 o Java是一種與HTML無關的格式，必須通過像HTML中引用外媒體那么進行裝載，其代碼以字節代碼的形式保存在獨立的文檔中。o JavaScript的代碼是一種文本字符格式，可以直接嵌入HTML文檔中，并且可動態裝載。編寫HTML文檔就像編輯文本文件一樣方便。 嵌入方式不一樣嵌入方式不一樣 o 在HTML文檔中，兩種編程語言的標識不同，o JavaScript使用.來標識o Java使用.來標識。 靜態聯編和動態聯編靜態聯編和動態聯編

6、o Java采用靜態聯編，即Java的對象引用必須在編譯時的進行，以使編譯器能夠實現強類型檢查。o JavaScript采用動態聯編，即JavaScript的對象引用在運行時進行檢查，如不經編譯那么就無法實現對象引用的檢查。 編寫第一個JavaScript程序 o/ JavaScript Appears here.alert(這是第一個JavaScript例子!);alert(歡送你進入JavaScript世界!); alert(今后我們將共同學習JavaScript知識！); 編寫第一個JavaScript程序 JavaScript代碼由 .說明。在標識.之間就可參加JavaScript腳本

7、。alert()是JavaScript的窗口對象方法，其功能是彈出一個具有OK對話框并顯示中的字符串。通過標識說明：假設不認識JavaScript代碼的瀏覽器，那么所有在其中的標識均被忽略；假設認識，那么執行其結果。使用注釋這是一個好的編程習慣，它使其他人可以讀懂你的語言。JavaScript 以 標簽結束。JavaScript根本數據結構根本數據結構 o JavaScript提供腳本語言的編程與C+非常相似，它只是去掉了語言中有關指針等容易產生的錯誤，并提供了功能強大的類庫。對于已經具備+或語言的人來說，學習JavaScript腳本語言是一件非常輕松愉快的事。 JavaScript代碼的參加

8、 o 可以直接將JavaScript腳本參加文檔 JavaScript語言代碼；JavaScript 語言代碼; . o 說明： 通過標識.指明JavaScript腳根源代碼將放入其間。通過屬性Language =JavaScript說明標識中是使用的何種語言，這里是JavaScript語言, 表示在JavaScript中使用的語言。 根本數據類型 o 根本數據類型 o 常量 o 變量 根本數據類型 在JavaScript中四種根本的數據類型：數值整數和實數、字符串型用“號或括起來的字符或數值、布爾型使True或False表示和空值 .常量 o 整型常量 o 實型常量 o 布爾值 o 字符型常

9、量 o 空值表達式 在定義完變量后，就可以對它們進行賦值、改變、計算等一系列操作，這一過程通常又叫稱一個叫表達式來完成，可以說它是變量、常量、布爾及運算符的集合，因此表達式可以分為算術表述式、字串表達式、賦值表達式以及布爾表達式等。 運算符 o 算術運算符o 比較運算符o 布爾邏輯運算符算術運算符 o JavaScript中的算術運算符有單目運算符和雙目運算符。雙目運算符： +加 、-減、 *乘、 /除、 %取模 、|按位或、&(按位與)、右移、 右移，零填充。單目運算符： -取反、取補、+遞加1、-遞減1。比較運算符 o 比較運算符它的根本操作過程是，首先對它的操作數進行比較，此后再

10、返回一個true或False值，有個比較運算符:(大于)、=(大于等于)、=(等于)、!=(不等于)。布爾邏輯運算符o 在JavaScript中增加了幾個布爾邏輯運算符: !取反)、&=與之后賦值、 &邏輯與、 |=或之后賦值、 |邏輯或、 =異或之后賦值、 邏輯異或、 ?:三目操作符、|或、=(等于)、|=(不等于)。其中三目操作符主要格式如下：操作數？結果：結果假設操作數的結果為真，那么表述式的結果為結果，否那么為結果。 一個跑馬燈效果的JavaScript文檔。 ovar msg=這是一個跑馬燈效果的JavaScript文檔;var interval = 100;var

11、spacelen = 120;var space10= ;var seq=0;function Scroll() len = msg.length;window.status = msg.substring(0, seq+1);seq+;if ( seq = len ) seq = spacelen; window.setTimeout(Scroll2();, interval );else一個跑馬燈效果的JavaScript文檔owindow.setTimeout(Scroll();, interval ); function Scroll2() var out=;for (i=1; i=

12、len ) seq = 0; ;window.setTimeout(Scroll2();, interval ); Scroll(); JavaScript程序構成程序構成 o 控制語句 o 函數 o 對象 o 方法 o 屬性 if條件語句o 根本格式if表述式語句段；.else語句段；.功能：假設表達式為true，那么執行語句段；否那么執行語句段。if語句的嵌套 o if布爾值語句；else布爾值語句；else if布爾值語句；else 語句；在這種情況下，每一級的布爾表述式都會被計算，假設為真，那么執行其相應的語句，否那么執行else后的語句。For循環語句o根本格式for初始化；條件；增

13、量語句集；功能：實現條件循環，當條件成立時，執行語句集，否那么跳出循環體。說明：初始化參數告訴循環的開始位置，必須賦予變量的初值；條件：是用于判別循環停止時的條件。假設條件滿足，那么執行循環體，否那么 跳出。增量：主要定義循環控制變量在每次循環時按什么方式變化。三個主要語句之間，必須使用逗號分隔。while循環 o 根本格式while條件語句集；該語句與For語句一樣，當條件為真時，重復循環，否那么退出循環。For與while語句兩種語句都是循環語句，使用For語句在處理有關數字時更易看懂，也較緊湊；而while循環對復雜的語句效果更特別。 break和continue語句o 與C+語言相同，

14、使用break語句使得循環從For或while中跳出，continue使得跳過循環內剩余的語句而進入下一次循環。 函數函數o 函數為程序設計人員提供了一個豐常方便的能力。通常在進行一個復雜的程序設計時，總是根據所要完成的功能，將程序劃分為一些相對獨立的局部，每局部編寫一個函數。從而，使各局部充分獨立，任務單一，程序清晰，易懂、易讀、易維護。JavaScript函數可以封裝那些在程序中可能要屢次用到的模塊。并可作為事件驅動的結果而調用的程序。從而實現一個函數把它與事件驅動相關聯。這是與其它語言不樣的地方。 JavaScript函數定義oFunction 函數名 參數,變元函數體;.Return

15、表達式;說明：當調用函數時,所用變量或字面量均可作為變元傳遞。函數由關鍵字Function定義。函數名：定義自己函數的名字。參數表，是傳遞給函數使用或操作的值，其值可以是常量 ，變量或其它表達式。通過指定函數名實參來調用一個函數。必須使用Return將值返回。函數名對大小寫是敏感的。函數中的形式參數 o在函數的定義中，我們看到函數名后有參數表，這些參數變量可能是一個或幾個。那么怎樣才能確定參數變量的個數呢？在JavaScript中可通過arguments .Length來檢查參數的個數。例：Function function_Name(exp1,exp2,exp3,exp4)Number =f

16、unction _Name . arguments .length;if (Number1document.wrile(exp2);if (Number2)document.write(exp3);if(Number3)document.write(exp4);. 事件驅動及事件處理 o JavaScript是基于對象(object-based)的語言。這與Java不同,Java是面向對象的語言。而基于對象的根本特征，就是采用事件驅動(event-driven)。它是在用形界面的環境下，使得一切輸入變化簡單化。通常鼠標或熱鍵的動作我們稱之為事件Event，而由鼠標或熱鍵引發的一連串程序的動作，

17、稱之為事件驅動Event Driver。而對事件進行處理程序或函數，我們稱之為事件處理程序Event Handler。 事件處理程序 o 在JavaScript中對象事件的處理通常由函數(Function)擔任。其根本格式與函數全部一樣，可以將前面所介紹的所有函數作為事件處理程序。格式如下：Function 事件處理名參數表事件處理語句集； 主要有以下幾個事件 o 單擊事件onClicko onChange改變事件 o 選中事件onSelect o 獲得焦點事件onFocuso 失去焦點onBluro 載入文件onLoad o 卸載文件onUnload范例1 o調用范例2 ofunction

18、makeArray(n)this.length=nreturn thisfunction hexfromdec(num) hex=new makeArray(1);var hexstring=;var shifthex=16;var temp1=num;for(x=1; x=0; x-) hexx=Math.round(temp1/shifthex - .5);hexx-1=temp1 - hexx * shifthex;temp1=hexx-1;shifthex /= 16;for (x=1; x=0; x-) hexstring+=getletter(hexx); return (hexs

19、tring);范例2ofunction getletter(num) if (num 10) return num; else if (num = 10) return A if (num = 11) return B if (num = 12) return C if (num = 13) return D if (num = 14) return E if (num = 15) return F function rainbow(text)var color_d1;var allstring=;for(i=0;itext.length;i=i+2)color_d1=255*Math.sin

20、(i/(text.length/3);color_h1=hexfromdec(color_d1);allstring+=+text.substring(i,i+2)+;return allstring;范例2ofunction sizefont(text)var color_d1;var allstring=;var flag=0;for(i=0,j=0;i=7) flag=1;if (flag=1) j=j-1;if (j=0) flag=0; allstring+= + text.substring(i,i+1) + ;return allstring;范例2odocument.write

21、()document.write()document.write( sizefont(這是一個獲取WEB瀏覽器的程序)document.write()document.write(瀏覽器名稱: +navigator.appName+);document.write(版本號: +navigator.appVersion+);document.write(代碼名字: +navigator.appCodeName+);document.write(用戶代理標識: +navigator.userAgent);范例2o 輸出結果圖1所示 基于對象的基于對象的JavaScript語言語言 o JavaSc

22、ript語言是基于對象的Object-Based，而不是面向對象的object-oriented。之所以說它是一門基于對象的語言，主要是因為它沒有提供象抽象、繼承、重載等有關面向對象語言的許多功能。而是把其它語言所創立的復雜對象統一起來，從而形成一個非常強大的對象系統。 o 雖然JavaScript語言是一門基于對象的，但它還是具有一些面向對象的根本特征。它可以根據需要創立自己的對象，從而進一步擴大JavaScript的應用范圍，增強編寫功能強大的Web文檔。對象的根底知識對象的根底知識o 對象的根本結構 o 引用對象的途徑 o 有關對象操作語句 o 對象屬性的引用 o 對象的方法的引用 對象

23、的根本結構 o JavaScript中的對象是由屬性(properties)和方法(methods)兩個根本的元素的構成的。前者是對象在實施其所需要行為的過程中，實現信息的裝載單位，從而與變量相關聯；后者是指對象能夠按照設計者的意圖而被執行，從而與特定的函數相聯。 引用對象的途徑o 一個對象要真正地被使用，可采用以下幾種方式：o 1.引用JavaScript內部對象；o 2.由瀏覽器環境中提供o 3.創立新對象。o 這就是說一個對象在被引用之前，這個對象必須存在，否那么引用將毫無意義，而出現錯誤信息。從上面中我們可以看出JavaScript引用對象可通過三種方式獲取。要么創立新的對象，要么利用

24、現存的對象。 有關對象操作語句 o For.in語句 o with語句o this關鍵字o New運算符 For.in語句 o格式如下：For對象屬性名 in 對象名說明：1.該語句的功能是用于對對象的所有屬性進行操作的控制循環。它是將一個對象的所有屬性反復置給一個變量；而不是使用計數器來實現的。2.該語句的優點就是無需知道對象中屬性的個數即可進行操作。例：以下函數是顯示數組中的內容：Function showData(object)for (var X=0; X30;X+)document.write(objecti)；該函數是通過數組下標順序值，來訪問每個對象的屬性，使用這種方式首先必須知

25、道數組的下標值，否那么假設超出范圍，那么就會發生錯誤。而使For.in語句，那么根本不需要知道對象屬性的個數，見下：Function showData(object)for(var prop in object)document.write(objectprop)；使用該函數時，在循環體中，For自動將的屬性取出來，直到最后為此。with語句 o 使用該語句的意思是：在該語句體內，任何對變量的引用被認為是這個對象的屬性，以節省一些代碼。with object.所有在with語句后的花括號中的語句，都是在后面object對象的作用域的。 this關鍵字o this是對當前的引用，在JavaScr

26、ipt由于對象的引用是多層次，多方位的，往往一個對象的引用又需要對另一個對象的引用，而另一個對象有可能又要引用另一個對象，這樣有可能造成混亂，最后自己已不知道現在引用的那一個對象，為此JavaScript提供了一個用于將對象指定當前對象的語句this。New運算符 o 使用New運算符可以創立一個新的對象。其創立對象使用如下格式：Newobject=NEW Object(Parameters table);其中Newobject創立的新對象：object是已經存在的對象； parameters table參數表；new是JavaScript中的命令語句。如創立一個日期新對象newData=Ne

27、w Data()birthday=New Data (December 12.1998)之后就可使NewData、birthday作為一個新的日期對象了。 對象屬性的引用 o 使用點.運算符: university.Name=“廣西 o 通過對象的下標實現引用: university0=“廣西 o 通過字符串的形式實現 : universityName=“廣西 對象的方法的引用 o在JavaScript中對象方法的引用是非常簡單的。ObjectName.methods()實際上methods()=FunctionName方法實質上是一個函數。 如引用university對象中的showmy方法

28、，那么可使用：document.write (university.showmy()或：document.write(university)如引用math內部對象中cos()的方法那么：with(math)document.write(cos(35);document.write(cos(80);假設不使用with那么引用時相對要復雜些：document.write(Math.cos(35)document.write(math.sin(80) 常用對象的屬性和方法o JavaScript為我們提供了一些非常有用的常用內部對象和方法。用戶不需要用腳本來實現這些功能。這正是基于對象編程的真正目的

29、。在JavaScript提供了string字符串、math數值計算和Date日期三種對象和其它一些相關的方法。從而為編程人員快速開發強大的腳本程序提供了非常有利的條件。 常用內部對象 o 在JavaScript中對于對象屬性與方法的引用，有兩種情況：其一是說該對象是靜態對象，即在引用該對象的屬性或方法時不需要為它創立實例；而另一種對象那么在引用它的對象或方法是必須為它創立一個實例，即該對象是動態對象。對JavaScript內部對象的引用，以是緊緊圍繞著它的屬性與方法進行的。因而明確對象的靜動性對于掌握和理解JavaScript內部對象是具有非常重要的意義。 串對象o string對象：內部靜態

30、性。訪問properties和methods時，可使用.運算符實現。根本使用格式：objectNp/methods串對象的屬性o string對象只有一個屬性，即length。它說明了字符串中的字符個數，包括所有符號。例：mytest=This is a JavaScriptmystringlength=mytest.length最后mystringlength返回mytest字串的長度為20。串對象的方法ostring對象的方法共有個。主要用于有關字符串在Web頁面中的顯示、字體大小、字體顏色、字符的搜索以及字符的大小寫轉換。其主要方法如下：o 錨點anchor()：該方法創立

31、如用Html文檔中一樣的anchor標記。使用anchor如用Html中(A Name=)一樣。通過以下格式訪問:string.anchor(anchorName)。o 有關字符顯示的控制方法big字體顯示, Italics()斜體字顯示，bold()粗體字顯示，blink()字符閃爍顯示，small字符用小體字顯示，fixed()固定高亮字顯示、fontsize(size)控制字體大小等。o 字體顏色方法；fontcolor(color)o 字符串大小寫轉換toLowerCase()小寫轉換，toUpperCase()大寫轉換。以下把一個給定的串分別轉換成大寫和小寫格式和。o 字符搜索：in

32、dexOfcharactor,fromIndex從指定formIndtx位置開始搜索charactor第一次出現的位置。返回字串的一局部字串：substring(start,end)從start開始到end的字符全部返回。 算術函數的math對象 o 功能：提供除加、減、乘、除以外的一引些自述運算。如對數，平方根等 。o 靜動性：靜態對象o 主要屬性 :math中提供了個屬性，它們是數學中經常用到的常數、以為底的自然對數、以為底的自然對數LN2、的PI、1/2的平方根SQRT1-2,2的平方根為SQRT2。算術函數的math對象o 主要方法: 絕對值：abs()正弦余弦值：sin(),cos(

33、)反正弦反余弦 :asin(), acos()正切反正切：tan(),atan()四舍五入：round()平方根：sqrt()基于幾方次的值：Pow(base,exponent).日期及時間對象 o 功能：提供一個有關日期和時間的對象。o 靜動性：動態性，即必須使用New運算符創立一個實例。例:MyDate=New Date()Date對象沒有提供直接訪問的屬性。只具有獲取和設置日期和時間的方法。日期起始值:年月日:。 獲取日期的時間方法 o getYear(): 返回年數getMonth():返回當月號數getDate(): 返回當日號數getDay():返回星期幾getHours():返回

34、小時數getMintes(:返回分鐘數getSeconds():返回秒數getTime() : 返回毫秒數 設置日期和時間 o setYear():設置年setDate():設置當月號數setMonth():設置當月份數setHours():設置小時數setMintes():設置分鐘數setSeconds():設置秒數setTime ():設置毫秒數 JavaScript中的系統函數oJavaScript中的系統函數又稱內部方法。它提供了與任何對象無關的系統函數，使用這些函數不需創立任何實例,可直接用。1返回字符串表達式中的值： 方法名：eval字串表達式，例： test=eval(“8+9+

35、5/2);2. 返回字符串ASCI碼： 方法名：unEscape (string)3返回字符的編碼： 方法名：escape(character)4返回實數： parseFloat(floustring);5返回不同進制的數： parseInt(numbestring ,rad.X) 其中radix是數的進制，numbs字符串數 在在JavaScript中創立新對象中創立新對象 o 使用JavaScript可以創立自己的對象。雖然JavaScript內部和瀏覽器本身的功能已十分強大，但JavaScript還是提供了創立一個新對象的方法。使其不必像超文本標識語言那樣，求于或其它多媒體工具，就能完成

36、許多復雜的工作。在JavaScript中創立一個新的對象是十分簡單的。首先它必須定義一個對象，而后再為該對象創立一個實例。這個實例就是一個新對象，它具有對象定義中的根本特征。 對象的定義對象的定義oJavaScript對象的定義，其根本格式如下：Function Object屬性表Tp1=prop1Tp2=prop2.This.meth=FunctionName1;This.meth=FunctionName2;.在一個對象的定義中，可以為該對象指明其屬性和方法。通過屬性和方法構成了一個對象的實例。如以下是一個關于University對象的定義：Function u

37、niversity(name,city,creatDate URL)T=nameThis.city=cityThis.creatDate=New Date(creatDate)This.URL=URL其根本含義如下：Name指定一個“單位名稱。 City“單位所在城市。 CreatDate記載university對象的更新日期。 URL該對象指向一個網址。 創立對象實例創立對象實例o 一旦對象定義完成后，就可以為該對象創立一個實例了：NewObject=New object();其中Newobjet是新的對象，Object已經定義好的對象。例：U1=New university

38、(“云南省，“昆明市，January 05,199712:00:00, :/ YN.KM)U2=New university(“云南電子科技大學，“昆明,January 07,1997 12:00:00,htlp:/ YNKJ.CN) 對象方法的使用 o在對象中除了使用屬性外，有時還需要使用方法。在對象的定義中，我們看到This.meth=FunctionName語句，那就是為定義對象的方法。實質對象的方法就是一個函數FunctionName，通過它實現自己的意圖o例在university對象中增加一個方法，該方法是顯示它自己本身，并返回相應的字串。function university(na

39、me,city,createDate,URL)This.Name=Name;This.city=city;This.createDate=New Date(creatDate)；This.URL=URL；This.showuniversity=showuniversity;其中就是定義了一個方法showuniversity()。而showuniversity()方法是實現university對象本身的顯示。function showuniversity()For (var prop in this)alert(prop+=+thisprop+);其中alert是JavaScript中的內部函數

40、，顯示其字符串。 JavaScript中的數組 o 使用New創立數組JavaScript中沒有提供像其它語言具有明顯的數組類型，但可以通過function定義一個數組，并使用New對象操作符創立一個具有下標的數組。從而可以實現任何數據類型的存儲。 定義對象的數組 o Function arrayName(size)This.length=Size;for(var X=; X=size;X+)thisX=0;Reture this;其中arrayName是定義數組的一個名子，Size是有關數組大小的值1-size，即數組元素的個數。通過for循環對一個當前對象的數組進行定義，最后返回這個數組。

41、創立數組實例 o 一個數組定義完成以后，還不能馬上使用，必須為該數組創立一個數組實例：Myarray=New arrayName(n);并賦于初值：Myarray1=“字串；Myarray2=“字串；Myarray3=“字串；.Myarrayn=“字串n；一旦給數組賦于了初值后，數組中就具有真正意義的數據了，以后就可以在程序設計過程中直接引用。創立多維數組 oFunction creatMArray(row,col)var indx=0;this.length=(row*10)+colfor(var x=1;x=row;x+)for(var y=1;y=col;y+)indx=(x*10)+y

42、;thisindx=;myMArray=new creatMArray();之后可通過myMArray11、myMArray12、myMArray13、myMArray21、myMArray22、myMArray23、來引用。內部數組o在Java中為了方便內部對象的操作,可以使用窗體(Forms)、框架(Frames)、元素(element)、鏈接(links)和錨(Anchors)數組實現對象的訪問。oanchors:使用?A name=“anchorName“?標識來建立錨的鏈接。 olinks: 使用來定義一個越文本鏈接項。oForms: 在程序中使用多窗體時,建立該數組。oElemen

43、ts:在一個窗口中使用從個元素時,建立該數組。oFrames:建立框架時,使用該數組oanchors用于窗體的訪問(它是通過?form name=“form1?所指定的),link用于被鏈接到的錨點的訪問(它是通過?a href=URL?所指定的)。Forms反映窗體的屬性,而anchors反映Web頁面中的鏈接屬性。JavaScript對象系統的使用對象系統的使用 o 使用瀏覽器的內部對象系統, 可實現與HTML文檔進行交互。它的作用是將相關元素組織包裝起來，提供給程序設計人員使用，從而減輕編程人的勞動，提高設計Web頁面的能力。o 編程人員利用這些對象，可以對WWW瀏覽器環境中的事件進行控

44、制并作出處理。在JavaScript中提供了非常豐富的內部方法和屬性,從而減輕了編程人員的工作,提高編程效率 JavaScript對象系統對象系統 o 瀏覽器對象(Navigator) o 窗口對象(Window) o 文檔對象(Document) o 位置對象(Location) o 歷史對象(History) o 在這些對象系統中,文檔對象非常重要,它位于最低層,但對于我們實現Web頁面信息交互起作關鍵作用。因而它是對象系統的核心局部。 document對象的主要作用 Links AnchorForm Method Prop 鏈接對象 錨對象 窗體對象 方法 對象 o document對象

45、的主要作用就是把這些根本的元素如links,anchor等包裝起來，提供給編程人員使用。從另一個角度看，document對象中又是由屬性和方法組成。 文檔對象中的attribute屬性 odocument對象中的attribute屬性，主要用于在引用Href標識時，控制著有關顏色的格式和有關文檔標題、文檔原文件的URL以及文檔最后更新的日期。這局部元素的主要含義如下：鏈接顏色：alinkcolor這個元素主要用于，中選取一個鏈接時，鏈接對象本身的顏色就按alinkcolo r指定改變。鏈接顏色：linkcolor當用戶使用 Text string 鏈接后，Textstring的顏色就會按Lin

46、kcolor所指定的顏色更新。瀏覽過后的顏色：VlinkColor該屬性表示的是已被瀏覽存儲為已瀏覽過的鏈接顏色。背景顏色：bgcolor該元素包含文檔背景的顏色。前景顏色：Fgcolor該元素包含HTML文檔中文本的前景顏色。文檔對象的根本元素 o窗體屬性：窗體屬性是與HTML文檔中.相對應的一組對象在HTML文檔所創立的窗體數，由length指定。通過反映該文檔中所創立的窗體數目。錨屬性：anchors該屬性中，包含了HTML文檔的所有 標記為Name=.的語句標識。所有“錨的數目保存在中。鏈接屬性：links鏈接屬性是指在文檔中.的由Href=.指定的數目，其鏈接數目保存在中。 Java

47、Script窗口及輸入輸出窗口及輸入輸出 o JavaScript是基于對象的腳本編程語言，那么它的輸入輸出就是通過對象來完成的。其中有關輸入可通過窗口Window對象來完成，而輸出可通過文檔document對象的方法來實現。 窗口及輸入輸出o請看下面例子：Var test=mpt(請輸入數據:);document.write(test+JavaScript輸入輸出的例子); 其中mpt()就是一個窗口對象的方法，其根本作用是，當裝入Web頁面時在屏幕上顯示一個具有“確定和“取消的對話框，讓你輸出數據。是一個文檔對象的方法，它的根本功能，是實現Web頁面

48、的輸出顯示。 窗口對象 o 該對象包括許多有用的屬性、方法和事件驅動程序，編程人員可以利用這些對象控制瀏覽器窗口顯示的各個方面，如對話框、框架等。在使用應注意以下幾點：該對象對應于HTML文檔中的和兩種標識；onload和onunload都是窗口對象屬性；在JavaScript腳本中可直接引用窗口對象。如：window.alert(窗口對象輸入方法)可直接使用以下格式：alert(窗口對象輸入方法)窗口對象的事件驅動 o 窗口對象主要有裝入Web文檔事件onload和卸載時onunload事件。用于文檔載入和停止載入時開始和停止更新文檔。 窗口對象的方法 o窗口對象的方法主要用來提供信息或輸入

49、數據以及創立一個新的窗口。創立一個新窗口open()使用參數表方法可以創立一個新的窗口。其中參數表提供有窗口的主要特性和文檔及窗口的命名。具有OK按鈕的對話框alert()方法能創立一個具有OK按鈕的對話框。具有OK和Cancel按鈕的對話框confirm()方法為編程人員提供一個具有兩個按鈕的對話框。具有輸入信息的對話框prompt()方法允許用戶在對話框中輸入信息，并可使用默認值，其根本格式如下prompt“提示信息，默認值。窗口對象中的屬性o窗口對象中的屬性主要用來對瀏覽器中存在的各種窗口和框架的引用，其主要屬性有以下幾個：frames 確文檔中幀的數目frames幀作為實現一個窗口的分

50、隔操作，起到非常有用的作用，在使用注意以下幾點：frames屬性是通過HTML標識的順序來引用的，它包含了一個窗口中的全部幀數。幀本身已是一類窗口，繼承了窗口對象所有的全部屬性和方法。Parent 指明當前窗口或幀的父窗口。defaultstatus:默認狀態，它的值顯示在窗口的狀態欄中。status:包含文檔窗口中幀中的當前信息。top:包括的是用以實現所有的下級窗口的窗口。window.指的是當前窗口self:引用當前窗口。輸出流及文檔對象o 在JavaScript文檔對象中，提供了用于顯示關閉、消除、翻開HTML頁面的輸出流。o 創立新文檔open()方法o write()、writel

51、n()輸出顯示 o 關閉文檔流close() o 去除文檔內容clear() 簡單的輸入、輸出例子 o 輸入:Wmpt(提示信, 預定輸入信息);o 輸出 :document.write()方法和 document.writeln()方法說明：write()和writeln()方法都是用于向瀏覽器窗口輸出文本字串；二者的唯一區別就是writeln()方法自動在文本之后參加回車符。window.alert()輸出,在JavaScript為了方便信息輸出，JavaScript提供了具有獨立的對話框信息輸出alert()方法。 利用輸入、輸出方法實現交互o !- Hide From Other Browsers document.write(有關交互的例子); my=prompt(請輸入數據:); document.write(my+); document.close(); / Stop Hiding from Other Browsers-從上面程序可以看出：可通過write()和prompt()方法實現交互。在JavaScript腳本語言中可以使用HTML標識語言的代碼。從而實現混合編程。其中和就是HTML標識符。 窗體根底知識 o 窗