JavaScript教程--從入門到精通

1、JavaScript 教程JavaScript是由N etscape公司開發(fā)并隨Navigator導(dǎo)航者一 起發(fā)布的、介于Java與HTML之間、基于對象事件驅(qū)動的編 程語言，正日益受到全球的關(guān)注。因它的開發(fā)環(huán)境簡單，不 需要Java編譯器，而是直接運行在Web瀏覽器中，而因倍受 Web設(shè)計者的所愛JavaScript教程語言概況 JavaScript的出現(xiàn)，它可以使得信息和用戶之間不 僅只是一種顯示和瀏覽的關(guān)系，而是實現(xiàn)了一種實 時的、動態(tài)的、可交式的表達(dá)能力 JavaScript腳本正是滿足這種需求而產(chǎn)生的語言。 它深受廣泛用戶的喜愛的歡迎。它是眾多腳本語言 中較為優(yōu)秀的一種，它與WWW的

2、結(jié)合有效地實現(xiàn) 了網(wǎng)絡(luò)計算和網(wǎng)絡(luò)計算機(jī)的藍(lán)圖。無凝Java家族將 占領(lǐng)Internet網(wǎng)絡(luò)的主導(dǎo)地位。JavaScript幾個基本特點腳本編寫語言基于對象的語言簡單性 安全性動態(tài)性 跨平臺性JavaScript 和 Java 的區(qū)另 U雖然JavaScript與Java有緊密的聯(lián)系，但卻是兩 個公司開發(fā)的不同的兩個產(chǎn)品。 Java是SUN公司推出的新一代面向?qū)ο蟮某绦蛟O(shè) 計語言，特別適合于Internet應(yīng)用程序開發(fā)； JavaScript是Netscape公司的產(chǎn)品，其目的是為 了擴(kuò)展Netscape Navigator功能，而開發(fā)的一種 可以嵌入Web頁面中的基于對象和事件驅(qū)動的解釋 性語

3、言，它的前身是Live Script； Java的前身是Oak語言?；趯ο蠛兔嫦?qū)ο骭 Java是一種真正的面向?qū)ο蟮恼Z言，即使是 開發(fā)簡單的程序，必須設(shè)計對象。 JavaScript是種腳本語言，它可以用來制作 與網(wǎng)絡(luò)無關(guān)的，與用戶交互作用的復(fù)雜軟件。它是一種基于對象(Object Based)和事件驅(qū)動(Event Driver)的編程語言。因而它本身提供了非常豐富的內(nèi)部對象供設(shè)計人 員使用。解釋和編譯兩種語言在其瀏覽器中所執(zhí)行的方式不一樣。Java 的源代碼在傳遞到客戶端執(zhí)行之前，必須經(jīng)過編譯, 因而客戶端上必須具有相應(yīng)平臺上的仿真器或解釋 器，它可以通過編譯器或解釋器實現(xiàn)獨立于某個特

4、 定的平臺編譯代碼的束縛。 JavaScript是一種解釋性編程語言，其源代碼在發(fā) 往客戶端執(zhí)行之前不需經(jīng)過編譯，而是將文本格式 的字符代碼發(fā)送給客戶編由瀏覽器解釋執(zhí)行。強(qiáng)變量和弱變量兩種語言所采取的變量是不一樣的。 Java采用強(qiáng)類型變量檢查，即所有變量在編譯之前必須作聲明。 如：Integer x;String y;x=1234;y=4321;其中X=1234說明是一個整數(shù)，Y=4321說明是一個字符串。 JavaScript中變量聲明，采用其弱類型。即變量在使用前不需 作聲明，而是解釋器在運行時檢查其數(shù)據(jù)類型，如：x=1234;y = H4321u;前者說明x為其藪值型變量，而后者說明y

5、為字符型變量。代碼格式不一樣 Java是一種與HTML無關(guān)的格式，必須通過 像HTML中引用外媒體那么進(jìn)行裝載，其代 碼以字節(jié)代碼的形式保存在獨立的文檔中。 JavaScript的代碼是一種文本字符格式，可 以直接嵌入HTML文檔中，并且可動態(tài)裝載。 編寫HTML文檔就像編輯文本文件一樣方便。嵌入方式不一樣在pITML文檔中兩種編程語言的標(biāo)舒冋 JavaScri pt 使用 . 來 標(biāo)識 Java 使用 vapplet .v/applet 來標(biāo)識。靜態(tài)聯(lián)編和動態(tài)聯(lián)編 Java米用靜態(tài)聯(lián)編，即Java的對象引用必須在編譯時的進(jìn)行，以使編譯器能夠?qū)崿F(xiàn)強(qiáng) 類型檢查。Jill JavaScript采用

6、動態(tài)聯(lián)編，即JavaScript的對象引用在運行時進(jìn)行檢查，如不經(jīng)編譯 則就無法實現(xiàn)對象引用的檢查。編寫第一個JavaScript程序 / JavaScript Appears here.alerter 是第一個 JavaScript 例子!)； alerter 迎你進(jìn)入 JavaScript 世界!H); alert(n我們將共同學(xué)習(xí)扁vaScript知識！ J; 文件囚 編輯 查卷辺 磚到 吹蔵右退蔚進(jìn)述址|斜 D： JvaScriD、5l him新聞 越Ent erne t JF始鏈接 Internet Explorer編寫第一個JavaScript程序JavaScript代碼由 v/S

7、cipt 說咱。在標(biāo)識vScript Language=nJavaScriptn. 之間就可加入 JavaScript 腳本。alert?)是JavaScript的窗口對象方法，其功能是彈 出一個具肴0K對話框并顯示()中的字符串。適過v!-標(biāo)識說囪:若不識JavaScript 代碼的瀏覽器，則所有在其中的標(biāo)識均被忽略；若認(rèn)識, 則執(zhí)行其結(jié)果。使用注釋這是一個好的編程習(xí)慣，它使 其他人可以讀懂你的語言。一JavaScript 以 標(biāo)簽結(jié)束。JavaScript基本數(shù)據(jù)結(jié)構(gòu) JavaScript提供腳本語言的編程與C+非 常相似，它只是去掉了 c語言中有關(guān)指針等 容易產(chǎn)生的錯誤，并提供了功能強(qiáng)大

8、的類庫。 對于已經(jīng)具備C+或C語言的人來說，學(xué) 習(xí)JavaScript腳本語言是一件非常輕松愉快 的事。JavaScript代碼的加入可以直接將JavaScript腳本加入文檔v ScriptLanguage =HJavaScriptnJavaScript 言代碼;JavaScript語言代碼； 說明：通過標(biāo)識vScriptv/Script指明JavaScript腳本源代碼將放入其間。通過屬性Language = JavaScript”說明標(biāo)識中是 使用的何種語言、這里是JavaScript語言丿表不在 JavaScript中使用的語言?；緮?shù)據(jù)類型基本數(shù)據(jù)類型常量變量基本數(shù)據(jù)類型在JavaS

9、cript中四種基本的數(shù)據(jù)類型：目整數(shù)和 實數(shù)芙 字符串型（用“”號或括起來的字符或 數(shù)值）布爾型（使True或False表示）空值常量整型常量實型常量布爾值字符型常屋空值表達(dá)式在定義完變量后，就可以對它們進(jìn)行賦值、改變、 計算等一系列操作，這一過程通常又叫稱一個叫表 達(dá)式來完成，可以說它是變量、常量、布爾及運算 贅旳集合I因止匕我達(dá)式可以分為算術(shù)表述式、字吊 表送式、賦值裏達(dá)式以芨布爾表達(dá)式等。運算符算術(shù)運算符比較運算符布爾邏輯運算符算術(shù)運算符 JavaScript中的算術(shù)運算符有單目運算符和 雙目運算符。雙目運算符：+ （加）、-（減）、* （乘）、/ （除）、 % （取模）單目運算符：-

10、（取反）、+ （遞加1）、一（遞減1） O比較運算符比較運算符它的基本操作過程是，首先對它 的操作數(shù)進(jìn)行比較，爾后再返回一個true或 False值，有8個比較運算符： v（小于）、（大于）、v =（小于等于）、 =（大于等于）、=（等于）、匸（不等于）。布爾邏輯運算符在JavaScript中增加了幾個布爾邏輯運算符: !（取反）、&=（與之后賦值）、& （邏輯 與）、|=（或之后賦值）、| （邏輯或）、 =（異或之后賦值）、人（邏輯異 或）、？：（三目標(biāo)作符）、| | （或）、=（等于）、|=（不尊手）。其中三目操作符主要格式如下： 擾作數(shù)？結(jié)果1 . 結(jié)果9:若操作數(shù)禹結(jié)果為賣,則表卻的結(jié)

11、果州 果1，否則為結(jié)果2。一個跑馬燈效果的JavaScript文檔。 var msg=H這是一個跑馬燈效臬附JavaScript文檔鳥 var interval = 100;var spacelen = 120;var spacel0=var seq = 0;function Scroll() len = msg.le ngth;window.status = msgsubsting(0 seq + 1);seq + + ;if ( seq = len ) seq = spacelen;window.setTimeoutCScrolO;, interval );else一個跑馬燈效果的Java

12、Script文檔ScrollO;, interval );function Scroll2() var out=,H;for (i=l; i= len ) seq = 0; ;window.setTimeout(Scroll2();Hz interval ); JavaScript程序構(gòu)成控制語句三函數(shù) 對象 方法屬性訐條件語句基本格式 if （裘述式） 語句段1 ；else語句段2；功能：若表達(dá)式為true,則執(zhí)行語句段1 ； 否則執(zhí)行語句段2。汗語句的嵌套 if （布爾值）語句1 ； else （布爾值）語句2 ； else if （布爾值）語句3 ；else語句4 ；在這種情況卜，每一級

13、的布爾表述式都會被 計算，若為真，則執(zhí)行其相應(yīng)的語句，否則 執(zhí)行else/! W語句。For循環(huán)語句基本格式for （初始化；條件；增量） 語句集；功能：實現(xiàn)條件循環(huán)，當(dāng)條件成立時，執(zhí)行語句集，否則跳 岀循環(huán)體。說明： 初始化參數(shù)告訴循環(huán)的開始位置，必須賦予變量的初值； 條件：是用于判別循環(huán)停止時的條件。若條件滿足，則執(zhí)行循 環(huán)體，否則跳出。增量：主要定義循環(huán)控制變量在每次循環(huán)時按什么方式變化。 三個主要語句之間，必須使用逗號分隔。while循環(huán)基本格式while （條件）語句集；該語句與For語句一樣，當(dāng)條件為真時，重 復(fù)循環(huán)，否則退出循環(huán)。For與while語句兩種語句都是循環(huán)語句，使用F

14、o語句在處 理有關(guān)數(shù)字時更易看懂，也較緊湊；而 while循環(huán)對復(fù)雜的語句效果更特別。break 和continue 語句與C+語言相同，使用break語句使得循環(huán) 從For或while中跳出，continue使得跳過 循環(huán)內(nèi)剩余的語句而進(jìn)入下一次循環(huán)。函數(shù)函數(shù)為程序設(shè)計人員提供了一個豐常方便的 能力。通常在進(jìn)行一個復(fù)雜的程序設(shè)計時， 總是根據(jù)所要完成的功能，將程序劃分為一 些相對獨立的部分，每部分編寫一個函數(shù)。 從而，彳吏各部分天分能立，任務(wù)單一，程序 清晰，易懂、易讀、易維護(hù)。JavaScript 數(shù)可以封裝那些在程序中可能要多次用到的 模塊。并可作為事件驅(qū)動的結(jié)果而調(diào)用的程 序。從而實現(xiàn)

15、一個函數(shù)把它與事件驅(qū)動相關(guān) 聯(lián)。這是與其它語言不樣的地方。JavaScript函數(shù)定義 Function函數(shù)名（參數(shù)/變元） 函數(shù)體;.Return表達(dá)式；說明：當(dāng)調(diào)用函數(shù)時丿所用變量或字面量均可作為變元傳遞。 函數(shù)由關(guān)鍵李Fu nction定義。函藪名：定叉自己函數(shù)的名字。參數(shù)表，是傳遞給函數(shù)使用或操作的值，其值可以是常量，變 量或其它表達(dá)式。通社福定函數(shù)名（實參）來調(diào)用一個函數(shù)。 必須技用Retu rn將值返回。函藪名対大小寫是皺感的。函數(shù)中的形式參數(shù)_在函數(shù)的定義中，我們看到函數(shù)名后有參數(shù)表，這些參數(shù)變量 可能是一個或幾個。那么怎樣才能確定參數(shù)變量的個數(shù)呢？在 JavaScript中可通

16、過arguments .Length永檢查參數(shù)的個數(shù)。-二-= 二Function function_Name(explyexp2yexp3yexp4) Number =function _Name arguments ength;if (Numberl) docume nt.wrile(exp2);if (Number2) docume nt.write(exp3);if(Number3) docume nt.write(exp4);事件驅(qū)動及事件處理 JavaScript 是基于對象(object-based)的語言。 這與Java不同Java是帝向?qū)ο蟮恼Z言。而基于對 象的基本特征，就是

17、米用事件驅(qū)動(event- driven)o它是在用形界面的環(huán)境下，使得一切輸 入變化簡單化。通常鼠標(biāo)或熱鍵的動作我們稱Z為 事件(Event)，而由鼠標(biāo)或熱鍵引發(fā)的一連串程 序的動作，稱Z為事件驅(qū)動(Event Driver) o 而對事件進(jìn)行處理程序或函數(shù)，我們稱之為事件處 理程序(Event Handler)。事件處理程序在JavaScript中對象事件的處理通常由函數(shù) (Function)擔(dān)任。其基本格式與函數(shù)全部一 樣，可以將前面所介紹的所有函數(shù)作為事件 處理程序。格式如下：Function事件處理名(參數(shù)表) 事件處理語句集；主要有以下幾個事件單擊事件onClick onChang

18、e改變事件選中事件onSelect獲得焦點事件onFocus失去焦點onBlur載入文件onLoad卸載文件onllnload范例1 vhEae：=_= v! .二.function loadform() alert(n這是一個口動套載例子!“)； function unloadform() alert(n這是一個卸載例了)； 調(diào)用v/a范例2 =0; x) hexx=Math.round(templ/shifthex - .5); hexx-ll=templ - hexx * shifthex; templ = nexx-l;shifthex /= 16;?or (x=l; x=0; x)

19、hexstring+=getletter(hexx); return (hexstring);return allstring;范例2function getletter(num) if (num 10) return num; else if ifnum = 10if if if ifnum = 11num = 12num = 13num = 14num = 15abcdef n n n n n n r r r r r r u u u u u u 111 111 e e e e e e r r r r r rfunction rainbow(text)var color_dl;var all

20、string = ”；for(i=0; i text, length; i=i+2)color_d 1 = 255* Math. sin(i/(text.length/3);color_hl = hexfromdec(color_dl);allstring+=,+text.substring(izi+2)+,n;范例2 function sizefont(text)var color_dl;varfor(var allstri ng=;zj=6;i = 7) flag=l; if (flag= = l)if(jn + text.substring(i,i+l)+ HH;范例2 document

21、.write() documentwitervBRvBR“) document.write sizefontr這是一個獲取WEB瀏覽器的程序”) docume ntMiteC v/CEN 住 R v/fo nt”) document.write(H 瀏覽器名稱：” + n avigator.appName+,H); document.write(”版本號:+ navigator.appVersion+nn)； document.write1代碼名字：” + n avigator.appCodeName+,); document.write(nJi戶代理標(biāo)識：+navigator.userAge

22、nt); 縣我的電胞范例2輸岀結(jié)果圖1所不詫是一T少？耳夂艸匕B測隨姿鈴思序瀏覽器名稱：Microsoft Int ernet Expl or er 版豐號：4.0 (ccimpetibl巳；MSIE 5. Obi; Windows 98) 缶碼名字:_Nozilla用戶代理標(biāo)識：Mozilla/4.0 ccniipatibl已;MSIE 5.0bl; Windows 98)基于對象的JavaScript語言 JavaScript語言是基于對象的(ObjectBased)， 而不是面向?qū)ο蟮?object-oriented) 之所以 說它是一門基于對象的語言，主要是因為它沒有提 供彖扌由象、繼

23、承、重載等有關(guān)面向?qū)ο笳Z言的訃多 功能。而是把其它語言所創(chuàng)建的復(fù)雜對象統(tǒng)一起來， 從而形成一個非常強(qiáng)大的對象系統(tǒng)。雖然JavaScript語言是一門基于對象的，但它還是 具有一些面向?qū)ο蟮幕咎卣?。它可以根?jù)需要創(chuàng) 建自己的對象，從而進(jìn)一步擴(kuò)大JavaScript應(yīng)用 范圍，增強(qiáng)編寫功能強(qiáng)大的Web文檔。對象的基礎(chǔ)知識對象的基本結(jié)構(gòu)引用對象的途徑 有關(guān)對象操作語句 對象屬性的引用對象的方法的引用對象的基本結(jié)構(gòu) JavaScript中的對象是由屬性(properties) 和方法(methods)兩個基本的元素的構(gòu)成的。 前者是對象在實施其所需要行為的過程中， 實現(xiàn)信息的裝載單位，從而與變量相關(guān)

24、聯(lián)； 后者是指對象能夠按照設(shè)計者的意圖而被執(zhí) 行，從而與特定的函數(shù)相聯(lián)。引用對象的途徑 _對象要真疋地被使用銳采加和i神施廠 1.引用JavaScript內(nèi)部對象； 2由瀏覽器環(huán)境中提供 3創(chuàng)建新對象。這就是說一個對象在被引用之前，這個對象必須存 在，否則引用將毫無意義，而出現(xiàn)錯誤信息。從上 面中我們可以看出JavaScript引用對象可通過三種 方式獲取。要么創(chuàng)建新的對象，要么利用現(xiàn)存的對 象。有關(guān)對象操作語句 For.in 語句 with語句 this關(guān)鍵字 New運算符Forin語句 格式如下：For (對彖屬性名in已知對象名)說明：1 該語句的功能是用于對C知對象的所有屬性進(jìn)行操作的

25、控制循環(huán)。它是將一 個C知對象的所有屬性反復(fù)置給一人變量；而不是使用計數(shù)器乗實現(xiàn)的。2 該語句的優(yōu)點就是無需知道對象中屬性的個數(shù)即可進(jìn)行操作。 例：下列函數(shù)是顯示數(shù)組中的內(nèi)容：Function showData(object)for (var X=0; Xv30;X+) document. wnte(objectil)； 該函數(shù)是通過數(shù)組下標(biāo)順岸巻，來訪問每個對象的屬性，使用這種方式首先必 |則就會發(fā)生錯誤。而使血in語句,Function showData(object)for(var prop in object)document, write(objectrpropl)；使用該函數(shù)時，在

26、裾球體巾，協(xié)口動將的屬性取出來，直到最后為此。with語句使用該語句的意思是：在該語句體內(nèi)，任何 對變量的引用被認(rèn)為是這個對象的屬性，以 節(jié)省一些代碼。with object所有在with語句后的花括號中的語句，都是 在后面obj ect對象的作用域的。this關(guān)鍵字 this是對當(dāng)前的引用，在JavaScript由于對 象的引用是多層次，多方位的，往往一個對 象的引用又需要對另一個對象的引用，而另 一個對象有可能又要引用另一個對象，這樣 有可能造成混亂，最后自己已不知道現(xiàn)在引 用的那一個對象，為此JavaScript提供了一 個用于將對象指定當(dāng)前對象的語句thiSoNew運算符使用New運算

27、符可以創(chuàng)建一個新的對象。其創(chuàng)建對 象使用如下格式：Newobject=NEW Object(Parameters table); 其中Newobject創(chuàng)建的新對象：object是已經(jīng)存 在的對象；parameters table參藪表；new是 JavaScript中的命令語句。如創(chuàng)建一個日期新對象 newData = New Data() birthday=New Data (December 12.1998) 之后就可使NewData、birthday作為一個新滋日 期對象了。對象屬性的引用使用點（）運算符： university.Name=u 廣西”通過對象的下標(biāo)實現(xiàn)引用： unive

28、rsityO=t 廣西”通過字符串的形式實現(xiàn)：un iversityName=ttPffi?對象的方法的引用_在JavaScript中對象方法的引用是非常簡單的。ObjectName.methods()實際上methods()=Fu nctionName方法實質(zhì)上是一個函數(shù)。 亦引用university對象中的showmy ()方法，則可使用： document.write (university.showmyO) 或：document.write(university) 如引用math內(nèi)部對象申cos()的方法 則：with(math)docume nt.write(cos(35);docu

29、me nt.write(cos(80);若不使用with則引用時相對要復(fù)朵些：docume nt.write(Math .cos(35)docume nt. write math .sin( 80)常用對象的屬性和方法 JavaScript為我們提供了一些非常有用的常 用內(nèi)部對象和方法。用戶不需要用腳本來實 現(xiàn)這些功能。這正是基于對象編程的真正目 的。在JavaScript提供了string （字符串）、 math （數(shù)值計贅）和Date （日期）三種對 象和其它一些相關(guān)的方法。從而為編程人員 快速開發(fā)強(qiáng)大的腳本程序提供了非常有利的 條件。常用內(nèi)部對象在JavaScript中對于對象屬性與方法

30、的引用，看兩種情況：真是說該對彖是靜態(tài)對彖，即在引用該對象的屬性或方法時不需要為它 創(chuàng)建實伽；而另旃對象則在引用它的對象 或方法是必須為它創(chuàng)建一個實例，即該對象 是動態(tài)對象。XtJavaScript內(nèi)部對象的引用，以是緊緊圍 繞著它的屬彳生與方法粧行的。因而明甬対象 的靜動桂對于掌握和理WJavaScri pt肉部對 象是具有非常重要的意義。串對象 string對象：內(nèi)部靜態(tài)性。訪問properties和methods時,可使用（） 運算符實現(xiàn)?；臼褂酶袷剑簅bjectNp/methods串對象的屬性 _ string對象只有一個屬性，即length。它表 明了字符串中的字符個

31、數(shù)，包括所有符號。 例：mytest=This is a JavaScript mystri nglen gth=mytest Jen gth最后 mystri nglen gth 返 回 mytest 字串 的長度為20。 string對彖的方法共有1 9個。主要用于有關(guān)字符串在Web面中的顯示、 字體關(guān)小、了體顏色、7符的搜索以及字符的大小寫轉(zhuǎn)換。 其主要方法如下：一o錨點anchorf)：該方法創(chuàng)建如用Html文檔中一樣的anchor標(biāo)記。使用anchor如用Ht前中(AName=)樣。通過下列格式訪間:string. anchorQnchorName)。o有關(guān)字符顯示的控制方法 據(jù)抽卿

32、冊r 控制字體大小等。o字體顏色方法；fontcolor(color)o了符甬大小寫轉(zhuǎn)換toLowerCase()小寫影換，tolIpperCase()大寫轉(zhuǎn)換。下列把一個給定的 串分旳轉(zhuǎn)換成大寫和小寫胳金串對象的方法翩跟M唱m魏)string=stri ngValue.toUpperCase 和 stin g=stri ngValue.toLowerCase。 o 寧符搜indexOfcharactorzfromIndexl從指定formlndtx位置開始搜索charactor 一次出規(guī)的位置。返向?qū)幋囊徊糠?串：substring(start,end)從start開始至ijend的字符全

33、部返回。算術(shù)函數(shù)的math對象功能：提供除加、減、乘、除以外的一引些自述運 算。如對數(shù)，平方根等。靜動性：靜態(tài)對象主要屬性：math中提供了 6個屬性，它們是數(shù)學(xué) 中經(jīng)常用到的常數(shù)E、以1 0為底的自然對數(shù)LN 1 0、以2為底的自然對數(shù)LN2、3.14159的PI、 1/2的平方根SQRTl-2,2的平方根為SQRT2o算術(shù)函數(shù)的math對象主要方法：縮對值：abs()正弦余弦值：sin(),cos()反正弦反余弦:asin(), acos()正切反正切：tan()zatan() 四舍五入：round() 平方根：sqrt()基于幾方次的值：Pow(base,exponent)日期及時間對象

34、 _S能：；提供Y有關(guān)日期靜動性：動態(tài)性，即必須使用New運算符創(chuàng) 建一個實例。例：MyDate=New Date()Date對象沒有提供直接訪問的屬性。只具 有獲取和設(shè)置日期和時間的方法。日期起始值：1770年1月1日00：0 0：00 O獲取日期的時間方法_ getYear():返回年數(shù) getMonth():返回當(dāng)月號數(shù) getDate():返回當(dāng)日號數(shù) getDay():返回星期幾 getHours():返回小時數(shù) getMintes(:返回分鐘數(shù) getSec on ds():返回秒數(shù) getTime():返回毫秒數(shù)設(shè)置日期和時間 setYear():設(shè)置年 setDate():設(shè)置

35、當(dāng)月號數(shù) setMonth():設(shè)置當(dāng)月份數(shù) setHours():設(shè)置小時數(shù) setMintes():設(shè)置分鐘數(shù) setSeconds():設(shè)置秒數(shù) setTime ():設(shè)置毫秒數(shù)JavaScript中的系統(tǒng)函數(shù) JavaScript中的系統(tǒng)函數(shù)又稱內(nèi)部方法。它提供了與任何對象 無關(guān)的系統(tǒng)函數(shù)，使用這些函數(shù)不需創(chuàng)建任何實例，可直接用。1. 返回字符串表達(dá)式中的值：方法雖:eval (字審委達(dá)式)，例：test=eval(u8+9+5/2M);2. 返回字符串ASCI碼：方法名：unEscape (string)3. 返回字符的編碼：方法名：escape(character)4. 返回實數(shù)：

36、par seFloat(floustri ng);5. 返回不同進(jìn)制的數(shù)：parselnt(numbestring 丿rad.X)其中radix是數(shù)的進(jìn)制，numbs字符串?dāng)?shù)JavaScript中創(chuàng)建新對象使用JavaScript可以創(chuàng)建自己的對象。雖然 JavaScript內(nèi)部和瀏覽器本身的動能已十分 強(qiáng)大，但JavaScript還是提供了創(chuàng)建一個新 對象的方法。使其不必像超文本標(biāo)識語言那 樣，求于或其它多媒體工具，就能完成許多 復(fù)雜的工作。在JavaScript中創(chuàng)建一個新的對象是十分簡 單的。首先它必須定義一個對象，而后再為 該對象創(chuàng)建一個實例。這個實例就是一個新 對象，它具有對象定義中

37、的基本特征。對象的定義 JavaScript對象的定義，其基本格式如下：Function Object (屬性表)Tpl=proplTp2=prop2 This m eth = Functio nN amel;This, meth = Functi on N ame2;卷一個對參餌産義中可以為該對鑒捋明其屬性和方迭*通過屬性和方法構(gòu)成 了一水對彖的實例。加I以下見一個芙于University対彖的加乂：Function university(namezcityzcreatDate URL)This.n a me=n a meThis.city=cityThis.cr

38、eatDate=New Date(creatDate)This.URL=URL創(chuàng)建對象實例 一旦對象定義完成后，就可以為該對象創(chuàng)建一個實 例了：NewObject=New objectf);其申Newobjet是新的對象，Object已經(jīng)定義好的 對象。例：Ul = NewuniversityC云南省”，“昆明市”， nJa nuary 05,199712:：00:00n,llhttp:/www.YN.KMH)U2 = New university云肅龜手科技大學(xué)”，“昆明” ,January 07,1997 12:00:00,7，htlp:/www-YNKJ-CNH)對象方法的使用口擁饉常醋

39、號需nl辭彎翹薙詼貓擁義務(wù)嬲鵜 法就是一個函數(shù)FunctionName,通過它實現(xiàn)石C的意鹵 例在university對象中增加一個方法，該方法是顯示它自己本身，并返回相應(yīng) 的字串。function university(name,city,createDate,URL) This.Name=Name;This.city=city;Th is. ere ate D ate = N e w Date(creatDate)； This.URL=URL；This.showuniversity=showuniversity:其中This.showuniversity就是定義了一個方法showunive

40、rsity()0而showuniversity()方法是實現(xiàn)university對象本身的顯示。function showuniversity()For (var prop in this) alert(prop+=H+thisprop+,M,);其rpalertJavaScriptrb的內(nèi)部函數(shù)，顯示其了符串。JavaScript中的數(shù)組使用New創(chuàng)建數(shù)組JavaScript中沒有提供像其它語言具有明顯 的數(shù)組類型，但可以通過function定義一個 數(shù)組，并使用New對象操作符創(chuàng)建一個具有 下標(biāo)的數(shù)組。從而可以實現(xiàn)任何數(shù)據(jù)類型的 存儲。定義對象的數(shù)組 Function arrayName(

41、size)Thisength=Size;for(varX=; Xv=size;X+ + )thisX = 0;Reture this;其中arrayName是定義數(shù)組的一個名子，Size是 有頭數(shù)組大小的值(1-size),即數(shù)組元素的個數(shù)。 通過for循環(huán)對一個當(dāng)前對象的數(shù)組進(jìn)行定義，最 后返回這個數(shù)組。創(chuàng)建數(shù)組實例Myarray=New arrayName(n); 并蹴于初值：口矗寵曇耒翳蟲還不能馬上使用必須為Myarrayll=u字串 1 ” ；Myarray2=u字串 2 ” ；Myarray3=u字串 3 ” ；Myarrayn=u 字串 rf；創(chuàng)建多維數(shù)組 Function cre

42、atMArray(row,col)var indx=0;this, length=(row*10)+col for (var x=l;x=ro w;x+) for(var y=l;y myMArray21 myMArray22 myMArray 23 來引用。內(nèi)部數(shù)組在Java中為了方便內(nèi)部對象的操作可以使用窗體(Forms). 框架(Frames)、兀素(element)、鏈接(links)wM(Anchors) 藪紐實現(xiàn)對象的訪問。 anchors:使用Aname=uanchorNamy標(biāo)識來建立錨 的鏈接。 links:使用vA href=nURLn來定義一個越文本鏈接項。 Forms:

43、在程序中使用多窗體時,建立該數(shù)組。 Elements:在一個窗口中使用從個元素時，建立該數(shù)組。 Frames:建立框架時/吏用該數(shù)組 anchorsT用于窗體的訪問(它是通過form name=uforml 所指定的),linkn用于被鏈接到的錨點的訪問(它是通過a href=URL所霑定磴)。Formsf反映窗體的屬性丿而 anchors反破Web賈而申的鏈摟屬性。JavaScript)象系統(tǒng)的使用使用瀏覽器的內(nèi)部對象系統(tǒng)，可實現(xiàn)與HTML文檔 進(jìn)行交互。它的作用是將相關(guān)元素組織包裝起來， 提供給程序設(shè)計人員使用，從而減輕編程人的勞動， 提高設(shè)計Web頁面的能力。編程人員利用這些對象，可以對

44、WWW瀏覽器環(huán)境 中的事件進(jìn)行控制并作出處理。在JavaScript中提 供了非常豐富的內(nèi)部方法和屬性，從而減輕了編程 人員的工作丿提高編程效率JavaScript) 象系統(tǒng)瀏覽器對象(Navigator)窗口對象(Window)文檔對象(Document) 位置對象(Location)歷史對象(History)在這些對象系統(tǒng)中，文檔對象非常重要，它位于最低層，但對于我們實現(xiàn)Web頁面信息交互起作關(guān)鍵作用。因而它是對象系統(tǒng)的核心 部分。document對象的主要作用LinksAnchorFormMethodProp鏈接對象錨對象窗體對象方法對象 document對象的主要作用就是把這些基本的元

45、素 （如links,anchor等）包裝起來，提供給編程人員 使用。從另一個角度看，document對象中又是由 屬性和方法組成。文檔對象中的attribute屬性 document對象中的attribute屬性，主要用于在引用Href標(biāo)識 時，控制著有關(guān)顏色的格式和有關(guān)文檔標(biāo)題、文檔原文件的 URL以及文檔最后更新的日期。這部分元素的主要含義如下：(1 )鏈孩顏色:alinkcolor込個元素主要用于，當(dāng)選取一個鏈接時，鏈接對象本身的顏色 就按alinkcolo rfe定改麥。(2 )鏈接顏色:linkcolor當(dāng)用戶便舟vA Href=. Text string v/A鏈接后， Texts

46、trind的顏卷就會接Linkcolor所拾定的顏笆更薪。(4 )背景顏色：bgcolor為仝令地北耳伯芮該元素包含文檔背景的顏色。本的藕景顏(3 )瀏唸過后的顏色：VlinkColor 該屬性表示的是已被瀏覽存儲為已瀏覽過的鏈接顏色。文檔對象的基本元素_(1)窗體屬性：窗體屬性是與HTM L文檔中v Form v/Form 相對應(yīng) 的一組對象在HTML文檔所創(chuàng)建的窗體數(shù)，由length指定。通 過document, forms, length反映該文檔中所創(chuàng)建的窗體數(shù)目。(2 )錨屬性：anchors該屬性中，包含了HTML文檔的所有vA v/A標(biāo)記為 Name =的語句標(biāo)識。所有“錨”的數(shù)

47、目保存在 docume nt. an chorsen gth 中。(3 )鏈接屬性:links鏈接屬性是指在文檔中v A的由H ref =指定的 數(shù)目，其鏈接數(shù)自保存在document.links.length中。JavaScript窗口及輸入輸出 JavaScript是基于對象的腳本編程語言，那 么它的輸入輸出就是通過對象來完成的。其 中有關(guān)輸入可通過窗口(Window)對象來 完成，而輸出可通過文檔(document)對 象的方法來實現(xiàn)。窗口及輸入輸出請看下面例子：Var test=mpt（H 請輸入數(shù)據(jù)：）； document.write（test+,JavaScri

48、pt 輸入輸出的例子）； 其中mpt（）就是一個窗口對象的方法，其基本作 用是，當(dāng)裝入Web頁而時在屏幕上顯示一個具有“確定”和“取消”的對話框，讓你輸山藪據(jù)。document.writle是一個文檔對象的方法，它的基本功能，是實現(xiàn)Web頁面的輸出顯示。窗口對象該對象包括許多有用的屬性、方法和事件驅(qū)動程序, 編程人員可以利用這些對象控制瀏覽器窗口顯示的 各個方面，如對話框、框架等。在使用應(yīng)注意以下 戰(zhàn)対象對應(yīng)于HTML文檔中的v Body 和FrameSet 兩種標(biāo)識；在JavaScript腳本中可直接引用窗口對象。如: 醸冊働聲輸警法）alert（窗口對象輸入方法”）on

49、load和onunload都是窗口對象屬性；窗口對象的事件驅(qū)動窗口對象主要有裝入Web文檔事件onload 和卸載時onunload事件。用于文檔載入和 停止載入時開始和停止更新文檔。窗口對象的方法窗口對象的方法主要用來提供信息或輸入數(shù)據(jù)以及創(chuàng)建一個新 的窗口。創(chuàng)建一個新窗口 open()使用window.open (參數(shù)喪)方法可以創(chuàng)建一個新的窗口。 其中參數(shù)表提供有窗口的主要特性和文檔及窗口的命名。具有0K按鈕的對話框alert ()方法能創(chuàng)建一個具有OK按鈕的對話框。具有0K和Cancel按鈕的對話框confirm()方法為編程人員提供一個具有兩個按鈕的對話框。具有輸入信息的對話框pro

50、mpt()方法充詳用戶注對話框中輸入信息，并可使用默認(rèn) 值，其基本格式如下prompt ( “提示信息”,默認(rèn)值)。窗口對象中的屬性_窗口對象中的屬性主要用來對瀏覽器中存在的各種窗口和框架的引用, 其主要屬性有以下幾個：(1 ) frames諭文檔中幀的數(shù)目frames (幀)作為實現(xiàn)一個窗口的分隔操作，起到非常有用的作用， 在使用注音以下幾占.frames屬性建逅過HTML標(biāo)識vFames的順序來引用的，它 包含了一個窗口申的全部幀數(shù)。幀本身已是一類窗口，繼承了窗口對象所有的全部屬性和方法。 (2) Parent指明當(dāng)前窗口或幀的父窗口。(3 ) defaultstatus:默認(rèn)狀態(tài)，它的值顯示在窗口的狀態(tài)欄中。(4 ) status:包含文檔窗口中幀中的當(dāng)前信息。(5 ) top:包括的是用以實現(xiàn)所有的下級窗口的窗口。(6 ) window扌旨的是當(dāng)前窗口(7 ) self:引用當(dāng)前窗口。輸岀流及文檔對象_在JavaScript文檔對象中，提供了用于顯