JavaScript培訓(xùn)

1、動態(tài)網(wǎng)頁腳本語言動態(tài)網(wǎng)頁腳本語言JavaScript 主要內(nèi)容 概述 編程基礎(chǔ) 事件驅(qū)動 內(nèi)置對象一瀏覽器對象 JavaScript是由網(wǎng)景公司開發(fā)的一種跨平臺，面向?qū)ο?object-oriented)的網(wǎng)頁腳本語言(Web Script Language)，是目前流行的網(wǎng)頁特效設(shè)計語言。 JavaScript代碼可直接嵌入HTML文件中，隨網(wǎng)頁一起傳送到客戶端瀏覽器，然后通過瀏覽器來解釋執(zhí)行。 JavaScript概述概述 什么是什么是JavaScript腳本語言？腳本語言？(1) 腳本語言腳本語言(Scripting Language)？ 由ASCII碼構(gòu)成，可直接用任何的文本編輯器開發(fā)

2、完成。是一種不必事先編譯，只要利用適當(dāng)?shù)慕忉屍?Interpreter)就可以執(zhí)行的簡單的解釋式程序。(2) JavaScript？ JavaScript是由網(wǎng)景公司開發(fā)的一種跨平臺，純面向?qū)ο?object-oriented)式的網(wǎng)頁式腳本語言(Web Script Language)。JavaScript代碼可直接嵌入HTML文件中，隨網(wǎng)頁一起傳送到客戶端瀏覽器，然后通過瀏覽器的解釋器來解釋執(zhí)行。 JavaScript概述概述 腳本編寫語言 基于對象的語言 簡單性 安全性 動態(tài)性 跨平臺2. JavaScript的特點(diǎn)JavaScript概述概述 制作網(wǎng)頁特效 提供表單前端驗(yàn)證 窗口動態(tài)操

3、作 提高系統(tǒng)工作效率3. JavaScript的功能的功能JavaScript概述概述 在在HTML標(biāo)記中直接寫入標(biāo)記中直接寫入JavaScript代碼代碼例： 鼠標(biāo)移過來 運(yùn)行4. 在在HTML文檔中嵌入文檔中嵌入JavaScript代碼代碼JavaScript概述概述 將JavaScript代碼放入標(biāo)記符中例如： document.write(歡迎您學(xué)習(xí)JavaScript!); 運(yùn)行4. 在在HTML文檔中嵌入文檔中嵌入JavaScript代碼代碼JavaScript概述概述 將代碼獨(dú)立存儲為以 .js 為擴(kuò)展名的文件，利用SRC屬性將該文件調(diào)入例如： welcome.js文件內(nèi)容如下：

4、document.write(歡迎您學(xué)習(xí)JavaScript!);4. 在在HTML文檔中嵌入文檔中嵌入JavaScript代碼代碼JavaScript概述概述 為避免某些瀏覽器不完全支持JavaScript，而造成錯誤，可將JavaScript代碼用注釋語句括起來例如： 4. 在在HTML文檔中嵌入文檔中嵌入JavaScript代碼代碼JavaScript概述概述 數(shù)值(Number)：包含整數(shù)或浮點(diǎn)數(shù)。 邏輯值(Logical)：取值為true或false。 字符串(String)：用單引號或雙引號括起來的零個或多個單一的字符所組成。 空值(null)：表示沒有值，取唯一值”null”，大

5、小寫敏感。 未定義值(undefined)：表示尚未定義值。注：null不能寫成Null或NULL。null既不等于“0”，也不等于“空字符串”。因?yàn)椤?”是數(shù)值，“空字符串”是字符串。 1. 數(shù)據(jù)類型數(shù)據(jù)類型JavaScript編程基礎(chǔ)編程基礎(chǔ) 自動數(shù)據(jù)類型轉(zhuǎn)換 如果表達(dá)式中用（+）運(yùn)算符，且其中一個操作數(shù)為字符串，另一個操作數(shù)為數(shù)值時，JavaScript自動將數(shù)值轉(zhuǎn)成字符串。例如：var x=”我今年”+18; 結(jié)果：x=“我今年18” var x=”15”+8 結(jié)果：x=158 var y=15+8; 結(jié)果：y=23 如果表達(dá)式中用了其它運(yùn)算符，JavaScript自動將字符串轉(zhuǎn)成數(shù)值

6、。 例如：var x=”30”/5; 結(jié)果：x=6 var y=”15”-“8”; 結(jié)果：y=7 舉例2. 數(shù)據(jù)類型轉(zhuǎn)換數(shù)據(jù)類型轉(zhuǎn)換JavaScript編程基礎(chǔ)編程基礎(chǔ) 數(shù)據(jù)類型轉(zhuǎn)換函數(shù) eval(字符串)：將傳入的字符串參數(shù)內(nèi)容，轉(zhuǎn)換成相應(yīng)的數(shù)值，例如： y=eval(“15”)+8; 結(jié)果：y=23 parseInt(字符串，底數(shù))：將傳入的字符串，轉(zhuǎn)換成指定底數(shù)的數(shù)值。 parseFloat(字符串)：將傳入的字符串，轉(zhuǎn)換成浮點(diǎn)數(shù)值。 舉例2. 數(shù)據(jù)類型轉(zhuǎn)換數(shù)據(jù)類型轉(zhuǎn)換JavaScript編程基礎(chǔ)編程基礎(chǔ)3. 變量變量JavaScript編程基礎(chǔ)編程基礎(chǔ) 變量命名 以字母或下劃線開頭（不

7、能以數(shù)字開頭），后面接數(shù)字或其它字母。 變量名區(qū)分大小寫。 例： var A=Uppercase A; var a=Lowercase a;document.write(A);document.write();document.write(a); 3. 變量變量JavaScript編程基礎(chǔ)編程基礎(chǔ) 變量的聲明變量聲明時，不必定義類型，所有類型均由小寫的var聲明。例如：var name; （JavaScript自動給出一個未定義值）var name,sex; （JavaScript自動給出一個未定義值）var name=”張永”，sex=”女生”； (二變量均為字符串) 3. 變量變量Java

8、Script編程基礎(chǔ)編程基礎(chǔ) 變量的作用域：全局變量(Global variable)和局部變量(Local variable)。 document.title = 變量的作用域?qū)嵗? var gv = JavaScript; /gv是全局變量 document.write(test函數(shù)的輸出：); test(); function test() var lv = VBScript; /lv是局部變量 document.write(gv= + gv + ); document.write(lv= + lv + + ); document.write(document的輸出：); documen

9、t.write(gv= + gv + ); document.write(lv= + lv + ); 4. 常量常量JavaScript編程基礎(chǔ)編程基礎(chǔ) 字符串常量（String Literals） 一般字符串常量 特殊字符的字符串常量 布爾常量（Boolean Literals）：true或false。 整數(shù)常量（Integers Literals） 浮點(diǎn)常量（Floating-Point Literals） 數(shù)組常量（Array Literals）字符字符意義意義字符字符意義意義b后退一格(Backspace)t制表(Tab)f換頁(Form feed)單引號n換行(New line)”雙

10、引號r返回(Carriage return)反斜線(Backslash)5. 運(yùn)算符與表達(dá)式運(yùn)算符與表達(dá)式JavaScript編程基礎(chǔ)編程基礎(chǔ) 賦值運(yùn)算符運(yùn)算符運(yùn)算符意義意義運(yùn)算符運(yùn)算符意義意義=x=5/=x=x/y+=x=x+y%=求余賦值-=x=x-y*=x=x*y5. 運(yùn)算符與表達(dá)式運(yùn)算符與表達(dá)式JavaScript編程基礎(chǔ)編程基礎(chǔ) 比較運(yùn)算符 舉例操作符描述舉例A=B如果兩個操作數(shù)相等，返回truePsw =passwordA!=B如果兩個操作數(shù)不等，返回truemobile.length!=11A=B如果A大于或者等于B，返回truetries=2aB如果A大于B，返回truemfl

11、ag20A=b如果A小于或等于B，返回truei=0AB如果A小巧或等于B，返回truetries105. 運(yùn)算符與表達(dá)式運(yùn)算符與表達(dá)式JavaScript編程基礎(chǔ)編程基礎(chǔ) 算術(shù)運(yùn)算符 舉例運(yùn)算符運(yùn)算符意義意義運(yùn)算符運(yùn)算符意義意義運(yùn)算符運(yùn)算符意義意義+加(Addition)/除(Division)-遞減(Decrement)-減(Subtraction)%求余(Modulus)-取負(fù)值(Unary Negation)*乘(Multiplication)+遞增(Increment)5. 運(yùn)算符與表達(dá)式運(yùn)算符與表達(dá)式JavaScript編程基礎(chǔ)編程基礎(chǔ) 邏輯運(yùn)算符 a&b ：邏輯與(Logical

12、 AND)，若a,b都是ture，則結(jié)果為ture。 a|b ：邏輯或(Logical OR) ，若a,b任一是ture，則結(jié)果為ture。 !a ：邏輯非(Logical NOT) ，若a是ture，則結(jié)果為false。 5. 運(yùn)算符與表達(dá)式運(yùn)算符與表達(dá)式JavaScript編程基礎(chǔ)編程基礎(chǔ) 字符串運(yùn)算符（String operators） 條件運(yùn)算符（？） 格式：條件表達(dá)式？值1：值2 如果條件表達(dá)式的結(jié)果是ture，返回值1，否則就返回值2。 舉例 new：定義對象實(shí)例。 語法：對象名稱 = new 對象類型（參數(shù)） 例如：myArray=new Array(3) 5. 運(yùn)算符與表達(dá)式運(yùn)

13、算符與表達(dá)式JavaScript編程基礎(chǔ)編程基礎(chǔ) delete：刪除對象、屬性、數(shù)組、變量 格式：delete 對象名 delete 對象名.屬性名 delete 數(shù)組名索引值 delete 變量名 注：刪除成功返回true，刪除失敗返回flase 舉例 typeof：用來判斷操作數(shù)的類型 格式：typeof 操作數(shù) 或 typeof （操作數(shù)） 舉例 this：代表當(dāng)前對象，因此用在不同的地方，就有不同的結(jié)果。 舉例6. 程序控制流程程序控制流程JavaScript編程基礎(chǔ)編程基礎(chǔ) 選擇結(jié)構(gòu)if 語句else 語句 if 語句組 else 語句組 if 語句組 else if 語句組 els

14、e 語句組 舉例6. 程序控制流程程序控制流程JavaScript編程基礎(chǔ)編程基礎(chǔ) 選擇結(jié)構(gòu)Switch結(jié)構(gòu)：switch ( ) case ：； case ：； default：； 6. 程序控制流程程序控制流程JavaScript編程基礎(chǔ)編程基礎(chǔ) 循環(huán)結(jié)構(gòu) while () 語句組 var i = 5; while ( i 0 ) document.write(i = ,i ,); i-; 6. 程序控制流程程序控制流程JavaScript編程基礎(chǔ)編程基礎(chǔ) 循環(huán)結(jié)構(gòu) do 語句或語句組while () var i = 5; do document.write(i = ,i ,); i-;

15、while ( i 0 ) 6. 程序控制流程程序控制流程JavaScript編程基礎(chǔ)編程基礎(chǔ) 循環(huán)結(jié)構(gòu) for ( 初始值初始值；條件條件；增量增量 ) for ( var i = 5; i 0; i- ) document.write(i = ,i ,); 6. 程序控制流程程序控制流程JavaScript編程基礎(chǔ)編程基礎(chǔ) 循環(huán)結(jié)構(gòu) for ( 變量 in 對象 ) 例1 例26. 程序控制流程程序控制流程JavaScript編程基礎(chǔ)編程基礎(chǔ) 循環(huán)結(jié)構(gòu)循環(huán)結(jié)構(gòu) with ( ) document.write (限時搶購物品：); document.write (ViewSonic 17 顯

16、示器。); document.write (EPSON 打印機(jī)。); with (document) write (限時搶購物品：); write (ViewSonic 17 顯示器。); write (EPSON 打印機(jī)。); 6. 程序控制流程程序控制流程JavaScript編程基礎(chǔ)編程基礎(chǔ) 注釋語句注釋語句 l / l /* */JavaScript包含兩類函數(shù)： 系統(tǒng)函數(shù) 用戶自定義函數(shù)7. JavaScript函數(shù)函數(shù)JavaScript編程基礎(chǔ)編程基礎(chǔ)1) 編碼函數(shù)功能：將字符串中非文字、數(shù)字字符（如&,%,#,空格符）轉(zhuǎn)成相對應(yīng)的ASCII值。語法：escape(字符串)2) 譯

17、碼函數(shù)功能：與escape()相反，將ASCII字符轉(zhuǎn)回一般數(shù)字。語法：unescape(字符串)3) 求值函數(shù)功能：通常有兩個用途，一個用作字符串的運(yùn)算，另一個用來指出操作對象。 語法：eval (表達(dá)式)JavaScript編程基礎(chǔ)編程基礎(chǔ)4) 數(shù)值判斷函數(shù)功能：判斷變量的值是否為數(shù)值，“NaN”代表“Not a Number”，若返回值為true，則表示自變量不是數(shù)值。語法：isNaN(測試值)舉例： var x = 15, y = 黃雅玲; document.write(x 不是數(shù)值嗎？,isNaN(x); document.write(y 不是數(shù)值嗎？,isNaN(y);執(zhí)行結(jié)果：

18、x 不是數(shù)值嗎？false y 不是數(shù)值嗎？trueJavaScript編程基礎(chǔ)編程基礎(chǔ)5) 轉(zhuǎn)成整數(shù)函數(shù)功能：將各種進(jìn)制的數(shù)值轉(zhuǎn)成十進(jìn)制整數(shù)值。格式：parseInt(字符串，底數(shù))舉例： / 二進(jìn)位轉(zhuǎn)成十進(jìn)位 document.write(11012 = ,parseInt(1101, 2),10); / 十六進(jìn)位轉(zhuǎn)成十進(jìn)位 document.write(BFFF16 = ,parseInt(BFFF, 16),10);JavaScript編程基礎(chǔ)編程基礎(chǔ)6) 轉(zhuǎn)成浮點(diǎn)函數(shù)功能：將字符串轉(zhuǎn)成浮點(diǎn)數(shù)值。格式： parseFloat(字符串)舉例： document.write(parseIn

19、t(3.123456), ); document.write(parseFloat(3.123456), ); JavaScript編程基礎(chǔ)編程基礎(chǔ)7) 用戶自定義函數(shù)function 函數(shù)名（參數(shù)1，參數(shù)2，） return 定義函數(shù)的注意事項： 易于識別 功能模塊化 放置在程序開始部分 例1 例2JavaScript編程基礎(chǔ)編程基礎(chǔ)JavaScript的事件處理的事件處理主要內(nèi)容主要內(nèi)容1、事件、事件 (Event)：鼠標(biāo)或鍵盤的動作稱為事件鼠標(biāo)或鍵盤的動作稱為事件 。2、事件驅(qū)動、事件驅(qū)動(Event Driver)：由事件引發(fā)的一連串由事件引發(fā)的一連串程序的動作，稱為事件驅(qū)動。程序的動

20、作，稱為事件驅(qū)動。3、事件處理程序、事件處理程序(Event Handler)：對事件進(jìn)行處對事件進(jìn)行處理的程序或函數(shù)。理的程序或函數(shù)。4、事件處理程序語法、事件處理程序語法 JavaScript的事件處理的事件處理1、常見事件、常見事件事件事件動作動作事件事件動作動作Abort中止正在加載的對象Unload關(guān)閉當(dāng)前網(wǎng)頁Blur失去焦點(diǎn)MouseDown按下鼠標(biāo)左鍵Focus獲取焦點(diǎn)MouseMove移動鼠標(biāo)指針Change改變對象的值MouseOut鼠標(biāo)指針離開某對象Click在對象上單擊鼠標(biāo)MouseOver鼠標(biāo)指針懸停于某對象之上DblClick在對象上雙擊鼠標(biāo)MouseUp放開鼠標(biāo)左鍵

21、DrogDrop拖拽對象Move窗口被移動時Error加載文件或圖形時發(fā)生錯誤Resize窗口大小被改變KeyDown按下鍵盤上的任意鍵的瞬間Select選擇某對象KeyPress按下鍵盤上的任意鍵時Submit單擊表單上的Submit按鈕KeyUp某鍵被按下后彈起來的瞬間Reset單擊表單上的Reset按鈕Load 瀏覽器讀入文件時JavaScript的事件處理的事件處理2、事件處理程序語法、事件處理程序語法 將事件處理程序直接嵌入HTML標(biāo)記符中 例如： 瀏覽 直接寫在對象后面 document.onLoad = alert(這是事件處理程序); 瀏覽 JavaScript的事件處理的事件

22、處理3、應(yīng)用舉例、應(yīng)用舉例 例1： 網(wǎng)絡(luò)技術(shù)學(xué)習(xí)網(wǎng) 瀏覽JavaScript的事件處理的事件處理3、應(yīng)用舉例、應(yīng)用舉例例2請輸入基本資料：姓名： 瀏覽 JavaScript提供了一些非常有用的常用內(nèi)部對象和方法。用戶不需要用腳本來實(shí)現(xiàn)這些功能。這正是基于對象編程的真正目的。本節(jié)主要介紹JavaScript提供的Array（數(shù)組）、string（字符串）、math（數(shù)值計算）和Date（日期）內(nèi)置對象。 JavaScript內(nèi)置對象內(nèi)置對象JavaScript內(nèi)置對象內(nèi)置對象1. 數(shù)組數(shù)組(Array)對象對象格式：格式：對象名 = new Array(元素個數(shù)) 或 對象名 = new Arr

23、ay(值1,值2,)例如：例如：fruit=new Array(2) 聲明了有2個元素的數(shù)組 fruit=new Array(“蘋果”,”橘子”) 聲明了有2個 數(shù)組元素的數(shù)組，并賦值。屬性：屬性：index：數(shù)組元素的索引值。 length：數(shù)組長度(數(shù)組元素個數(shù))。方法：方法：join()：將數(shù)組內(nèi)的所有值組合成一個字符串，并用特定符號分開。 toString()：以字符串來表示數(shù)組和數(shù)組值。 reverse()：將數(shù)組內(nèi)元素的索引次序翻轉(zhuǎn)過來 JavaScript內(nèi)置對象內(nèi)置對象1. 數(shù)組數(shù)組(Array)對象對象舉例：舉例：例1：一維數(shù)組應(yīng)用例2：二維數(shù)組應(yīng)用JavaScript內(nèi)置對

24、象內(nèi)置對象2. 字符串字符串(String)對象對象格式：格式：字符串變量名 = “字符串常數(shù)” 例如：例如：var str1=”JavaScript” /定義字符串變量屬性：屬性： length：字符串長度 方法：方法：包括字符串顯示和運(yùn)算兩類方法包括字符串顯示和運(yùn)算兩類方法舉例：舉例： 例1：屬性length測試 例2：indexOf()函數(shù)應(yīng)用 例3：大、小寫轉(zhuǎn)換JavaScript內(nèi)置對象內(nèi)置對象字符串字符串(String)對象的常用方法對象的常用方法anchor、link創(chuàng)建書簽鏈接，相當(dāng)于， 格式為String.anchor()創(chuàng)建超鏈接，相當(dāng)于，格式為String.link(UR

25、L)big、small、italics、bold、blink、sup、sub、fontsize 、fontcolor 創(chuàng)建字符顯示格式，相當(dāng)于、等HTML標(biāo)記。toLowerCase、toUpperCase字符串大小寫轉(zhuǎn)換indexOf、lastindexOf返回指定子字符串在字符串中第一次出現(xiàn)的左、右索引位置substring(start,end)返回從start開始到end的子字符（不包括end位置的字符）charAt返回某字符串中指定的子字符串返回JavaScript內(nèi)置對象內(nèi)置對象3. 數(shù)學(xué)數(shù)學(xué)(Math)對象對象屬性：屬性： E：歐拉常量：歐拉常量,自然對數(shù)的底自然對數(shù)的底(約等于約

26、等于2.718) LN2：2的自然對數(shù)的自然對數(shù)(約等于約等于0.693) LN10 ：10的自然對數(shù)的自然對數(shù)(約等于約等于2.302) LOG2E ：以：以2為底的為底的e的對數(shù)的對數(shù)(約等于約等于1.442) LOG10E：以：以10為底的為底的e的對數(shù)的對數(shù)(約等于約等于o.434) PI：的值的值(約等于約等于3.14159) SQRT1_2：0.5的平方根的平方根(約等于約等于o.707) SQRT2：2的平方根的平方根(約等于約等于1.414) JavaScript內(nèi)置對象內(nèi)置對象3. 數(shù)學(xué)數(shù)學(xué)(Math)對象對象方法：方法： abs() 返回某數(shù)的絕對值返回某數(shù)的絕對值 aco

27、s() 返回某數(shù)的反余弦值返回某數(shù)的反余弦值(以弧度為單位以弧度為單位) asin() 返回某數(shù)的反正弦值返回某數(shù)的反正弦值(以弧度為單位以弧度為單位) atan() 返回某數(shù)的反正切值返回某數(shù)的反正切值(以弧度為單位以弧度為單位) ceil() 返回大于或等于指定數(shù)的最小整數(shù)返回大于或等于指定數(shù)的最小整數(shù) floor() 與與ceil相反相反 max() 返回兩數(shù)間的較大值返回兩數(shù)間的較大值 min() 返回兩數(shù)問的較小值返回兩數(shù)問的較小值 pow() 返回返回m的的n次方次方(其中其中,m為底為底,n為指數(shù)為指數(shù)) random() 返回返回0和和1之間的一個偽隨機(jī)數(shù)之間的一個偽隨機(jī)數(shù) r

28、ound() 返回某數(shù)四舍五入之后的整數(shù)返回某數(shù)四舍五入之后的整數(shù)JavaScript內(nèi)置對象內(nèi)置對象4. 日期時間日期時間(Date)對象對象格式： 對象名 = new Date ( 日期參數(shù) )舉例： today = new Date () /以當(dāng)日時間為對象初值。 today = new Date (“October 1,2002 12:00:00”) / 以英文表示月份，其余以數(shù)值表示，即【月日,年時:分:秒】。 today = new Date (“2002，08，07，0，0，0) 一律以數(shù)字表示，即【年,月,日,時,分,秒】。JavaScript內(nèi)置對象內(nèi)置對象4. 日期時間日期

29、時間(Date)對象對象方法: getYear()返回年份值 getMonth() 返回月份值 getDate() 并返回日期 getDay() 返回星期幾 getHours() 返回小時數(shù) getMinutes() 返回分鐘數(shù) getSeconds() 返回秒數(shù) getTime() 返回完整的時間JavaScript內(nèi)置對象內(nèi)置對象4. 日期時間日期時間(Date)對象對象方法: setDate() 改變Date對象的日期 setHours() 改變小時數(shù) setMinutes() 改變分鐘數(shù) setMonth() 改變月份 setSeconds() 改變秒數(shù) setTime() 改變完整的

30、時間 setYear() 改變年份JavaScript內(nèi)置對象內(nèi)置對象4. 日期時間日期時間(Date)對象對象提示： 月份數(shù)為（0-11） 日期數(shù)為（1-31） 星期數(shù)為（0-6） 小時數(shù)為（0-23） 分鐘數(shù)為（0-59） 秒數(shù)為 （0-59） 毫秒數(shù)為（0-999） JavaScript內(nèi)置對象內(nèi)置對象5. 舉例舉例 例1：Date對象常用方法測試 例2：顯示當(dāng)天的時間 例3：顯示用戶的進(jìn)站時間 例4：倒計時JavaScript內(nèi)置對象內(nèi)置對象5. 用戶自定義對象用戶自定義對象在實(shí)際應(yīng)用應(yīng)用中，JavaScript提供的內(nèi)置對象往往不能滿足用戶的需求，因此，常常需要建立用戶自定義對象。對

31、象(Object)是一組經(jīng)過組織的數(shù)據(jù)，在JavaScript中的每一個對象都有兩個相關(guān)的成員，即屬性(Property)和方法(Method)。建立自定義對象就是為對象定義屬性和方法，其步驟是：1）寫一個構(gòu)造函數(shù)來定義對象類 為對象類定義屬性 為對象類定義方法先將方法的名稱放到對象的構(gòu)造函數(shù)中寫一個函數(shù)來描述該對象方法的內(nèi)容2）利用new創(chuàng)建對象實(shí)例（Object Instance） 舉例 JavaScript內(nèi)置對象內(nèi)置對象作業(yè)題作業(yè)題1、利用日期對象，對不同的進(jìn)站時間，顯示不同的、利用日期對象，對不同的進(jìn)站時間，顯示不同的提示信息。比如，上午六點(diǎn)到下午六點(diǎn)，顯示提示信息。比如，上午六點(diǎn)到

32、下午六點(diǎn)，顯示“將有將有限的時間用在作最有意義的事限的時間用在作最有意義的事”；其他時間顯示；其他時間顯示“現(xiàn)現(xiàn)在是休息時間在是休息時間”。（答案）（答案）2、檢測用戶輸入的郵件格式是否正確。、檢測用戶輸入的郵件格式是否正確。 （答案）（答案）3、用戶進(jìn)入時，顯示、用戶進(jìn)入時，顯示“歡迎您進(jìn)入本網(wǎng)站！歡迎您進(jìn)入本網(wǎng)站！”；離；離開時，顯示開時，顯示“謝謝您，歡迎下次再來！謝謝您，歡迎下次再來！”。答案：答案：JavaScript對象及其層次關(guān)系對象及其層次關(guān)系NavigatorPluginMineTypeWindowFrameDocumentLocationHistoryCookieAncho

33、rAppletAreaFormImageLinkLayerCheckBoxRadioSubmitHiddenPasswardFileUploadTextTextareaSelectResetButtonOption1.功能：功能：頂層對象頂層對象,用來表示瀏覽器所打開的窗口。用來表示瀏覽器所打開的窗口。2.格式格式指定窗口：指定窗口： 窗口名窗口名.屬性屬性 窗口名窗口名.方法（參數(shù)群）方法（參數(shù)群）打開當(dāng)前窗口的窗口：打開當(dāng)前窗口的窗口：opener.屬性屬性 opener.方法（參數(shù)群）方法（參數(shù)群）框架中的頂級窗口：框架中的頂級窗口： top.屬性屬性 top.方法（參數(shù)群）方法（參數(shù)群

34、）當(dāng)前活動窗口：當(dāng)前活動窗口： self.屬性屬性 self.方法（參數(shù)群）方法（參數(shù)群）例如：例如：win1.document.title=“廣告窗口廣告窗口” self.close() opener.document.forms0.user.value=“張永張永”窗口對象窗口對象(WINDOW)3.屬性屬性Name 窗口的名字。窗口的名字。closed 判斷窗口是否已經(jīng)被關(guān)閉，返回布爾值。判斷窗口是否已經(jīng)被關(guān)閉，返回布爾值。document 包含當(dāng)前文檔的信息，包含當(dāng)前文檔的信息，(該屬性本身也是一個對象該屬性本身也是一個對象)frames 窗口的框架對象數(shù)組窗口的框架對象數(shù)組, 以數(shù)組

35、索引值表示，以數(shù)組索引值表示，(該屬性本該屬性本身也是一個對象身也是一個對象)。history 當(dāng)前窗口最近瀏覽過的網(wǎng)頁當(dāng)前窗口最近瀏覽過的網(wǎng)頁(該屬性本身也是一個對該屬性本身也是一個對象象)。location 窗口所顯示文檔的完整窗口所顯示文檔的完整URL(該屬性本身也是一個對該屬性本身也是一個對象象)。length 窗口內(nèi)的框架個數(shù)。窗口內(nèi)的框架個數(shù)。opener 代表使用代表使用open打開當(dāng)前窗口的腳本所在的窗口。打開當(dāng)前窗口的腳本所在的窗口。self 代表當(dāng)前窗口。代表當(dāng)前窗口。top 代表當(dāng)前框架的最頂層窗口。代表當(dāng)前框架的最頂層窗口。窗口對象窗口對象(WINDOW)3.屬性屬性d

36、efaultStatus 缺省的狀態(tài)欄信息。缺省的狀態(tài)欄信息。status 狀態(tài)欄中的信息。狀態(tài)欄中的信息。scrollbars 瀏覽器的滾動條（包括水平和垂直滾動條）。瀏覽器的滾動條（包括水平和垂直滾動條）。toolbar 瀏覽器的工具欄。瀏覽器的工具欄。menubar 瀏覽器的菜單欄。瀏覽器的菜單欄。locationbar 瀏覽器的地址欄。瀏覽器的地址欄。innerHeight 窗口內(nèi)容區(qū)的高度（以像素表示）。窗口內(nèi)容區(qū)的高度（以像素表示）。innerWidth 窗口內(nèi)容區(qū)的寬度（以像素表示）。窗口內(nèi)容區(qū)的寬度（以像素表示）。outerHeight 窗口邊界的高度（以像素表示）。窗口邊界的

37、高度（以像素表示）。outerWidth 窗口邊界的寬度（以像素表示）。窗口邊界的寬度（以像素表示）。pageXOffset 網(wǎng)頁網(wǎng)頁x-position的位置（以像素表示）。的位置（以像素表示）。pageYOffset 網(wǎng)頁網(wǎng)頁y-position的位置（以像素表示）。的位置（以像素表示）。窗口對象窗口對象(WINDOW)4.方法方法open(URL，窗口名稱，窗口名稱，窗口規(guī)格，窗口規(guī)格) 打開一個新窗口。打開一個新窗口。close() 關(guān)閉窗口。關(guān)閉窗口。MoveBy(水平點(diǎn)數(shù)，垂直點(diǎn)數(shù)水平點(diǎn)數(shù)，垂直點(diǎn)數(shù)) MoveTo(x，y) 將窗口移動至（將窗口移動至（x,y）坐標(biāo)處，參數(shù)取絕對）

38、坐標(biāo)處，參數(shù)取絕對值。值。ResizeBy(水平點(diǎn)數(shù)，垂直點(diǎn)數(shù)水平點(diǎn)數(shù)，垂直點(diǎn)數(shù)) 調(diào)整窗口大小（往右調(diào)整窗口大?。ㄍ?往往下），參數(shù)取相對值。下），參數(shù)取相對值。ResizeTo(寬度，高度寬度，高度)setTimeout(表達(dá)式，毫秒數(shù)表達(dá)式，毫秒數(shù)) 等待一段指定的毫秒數(shù)時間等待一段指定的毫秒數(shù)時間,然后運(yùn)行指令。然后運(yùn)行指令。clearTimeout(定時器對象定時器對象) 清除清除 setTimeout定義的計時程定義的計時程序。序。窗口對象窗口對象(WINDOW)4.方法方法setInterval(表達(dá)式，毫秒數(shù)表達(dá)式，毫秒數(shù)) 設(shè)置一個定時程序。設(shè)置一個定時程序。clearIn

39、terval(定時器對象定時器對象) 清除清除 setInterval定義的計時器定義的計時器focus() 將焦點(diǎn)移到此窗口。將焦點(diǎn)移到此窗口。blur() 把焦點(diǎn)從指定窗口移開。把焦點(diǎn)從指定窗口移開。home() 進(jìn)入客戶端在瀏覽器上設(shè)置的主頁。進(jìn)入客戶端在瀏覽器上設(shè)置的主頁。stop() 停止加載網(wǎng)頁內(nèi)容。停止加載網(wǎng)頁內(nèi)容。back() 返回歷史記錄的上一個網(wǎng)頁。返回歷史記錄的上一個網(wǎng)頁。forward() 加載歷史記錄的下一個網(wǎng)頁。加載歷史記錄的下一個網(wǎng)頁。alert(字符串字符串) 傳送警告信息。傳送警告信息。confirm(字符串字符串) 打開一個打開一個Confirm消息框消息框

40、,用戶可以選擇用戶可以選擇OK或或Cancel，如果用戶單擊，如果用戶單擊OK,該方法返回該方法返回true，單擊，單擊Cancel返返回回false。prompt(“提示字符串提示字符串”，默認(rèn)值，默認(rèn)值) 打開一個打開一個Prompt對話框?qū)υ捒?用戶可向該框鍵入文本用戶可向該框鍵入文本,并把鍵入的文本返回到腳本。并把鍵入的文本返回到腳本。 窗口對象窗口對象(WINDOW)5.事件事件 onBlur onDragDrop onError onFocus onLoad onUnload onMove onResize 窗口對象窗口對象(WINDOW)6.舉例舉例例例1：改變窗口的大小實(shí)例改變

41、窗口的大小實(shí)例例例2：打開窗口打開窗口例例3：Prompt方法實(shí)例方法實(shí)例例例4：setInterval實(shí)例實(shí)例例例5：setTimeout實(shí)例實(shí)例例例6：WINDOW對象綜合實(shí)例對象綜合實(shí)例窗口對象窗口對象(WINDOW) 單擊單擊“來者何人來者何人”，打開一，打開一200*100的窗口。的窗口。 打開網(wǎng)頁時，自動打開一打開網(wǎng)頁時，自動打開一300*100的窗口。的窗口。作作 業(yè)業(yè)1.功能功能 它為它為window對象的一個屬性對象的一個屬性,用來存儲客戶端最近用來存儲客戶端最近訪問過的網(wǎng)頁清單。訪問過的網(wǎng)頁清單。2.格式格式history.屬性屬性history.方法（參數(shù)）方法（參數(shù)）

42、3.屬性屬性length 存儲在記錄清單中的網(wǎng)頁數(shù)目。存儲在記錄清單中的網(wǎng)頁數(shù)目。current 當(dāng)前網(wǎng)頁的地址。當(dāng)前網(wǎng)頁的地址。next 下一個歷史記錄的網(wǎng)頁地址。下一個歷史記錄的網(wǎng)頁地址。previous 上一個歷史記錄的網(wǎng)頁地址。上一個歷史記錄的網(wǎng)頁地址。 歷史對象歷史對象(HISTORY)4.方法方法back 回到客戶端查看過的上一頁?；氐娇蛻舳瞬榭催^的上一頁。forward 回到客戶端查看過的下一頁。回到客戶端查看過的下一頁。go（整數(shù)或（整數(shù)或URL字符串）字符串） 前往歷史記錄中的某個網(wǎng)前往歷史記錄中的某個網(wǎng)頁頁5.舉例舉例例：例：history對象實(shí)例對象實(shí)例歷史對象歷史對象(

43、HISTORY)繼續(xù)歷史對象歷史對象(HISTORY)WIN1WIN2WIN3WIN4WIN5WIN6history.back()history.forward()history.go()返回1.功能功能代表特定窗口的代表特定窗口的URL信息。一個完整的信息。一個完整的URL格式如下：格式如下： protocol / host：port / path # hash ? search其中其中 protocol：通信協(xié)議通信協(xié)議 host：主機(jī)名稱主機(jī)名稱 port：通信端口通信端口 path：文件路徑文件路徑 hash：定位錨點(diǎn)定位錨點(diǎn) search：查詢信息查詢信息 位置對象位置對象(LOCA

44、TION)2.語法語法 location.屬性屬性 location.方法（參數(shù)）方法（參數(shù)）3.屬性屬性 hash URL中定位錨點(diǎn)名稱。中定位錨點(diǎn)名稱。 host URL中主機(jī)名部分。中主機(jī)名部分。 hostname URL中中host：port部分。部分。 href 完整的完整的URL字符串。字符串。 pathname URL中中path部分。部分。 port URL的的:端口端口port部分。部分。 protocol URL的通信協(xié)議。的通信協(xié)議。 search 以問號以問號(?)開始的開始的URL中的一部分中的一部分,用于指用于指定搜索信息。定搜索信息。位置對象位置對象(LOCATI

45、ON)4.方法方法reload() 重新加載（刷新）當(dāng)前的網(wǎng)頁。重新加載（刷新）當(dāng)前的網(wǎng)頁。replace(網(wǎng)址網(wǎng)址) 用特定的網(wǎng)頁取代當(dāng)前的網(wǎng)頁。用特定的網(wǎng)頁取代當(dāng)前的網(wǎng)頁。5.舉例舉例例例1：用普通文字實(shí)現(xiàn)超鏈接的范例用普通文字實(shí)現(xiàn)超鏈接的范例 例例2：自動打開網(wǎng)頁范例自動打開網(wǎng)頁范例 位置對象位置對象(LOCATION) 每一個框架對象相當(dāng)于窗口每一個框架對象相當(dāng)于窗口(WINDOW)對象，對象，因此框架對象可以使用窗口對象的所有屬性和方法。因此框架對象可以使用窗口對象的所有屬性和方法。 框架對象框架對象(FRAME)downFrameupFrameleftFrametoptopleft

46、FrameupFramedownFrame1.框架組的結(jié)構(gòu)框架組的結(jié)構(gòu) 2.框架組的層次框架組的層次 3.框架的引用框架的引用top.leftFrametop. upFrametop. downFrame或或top.frames0top.frames1top.frames24.舉例舉例框架對象框架對象(FRAME) 文件對象文件對象(Document)代表當(dāng)前的代表當(dāng)前的HTML對象，對象，是由是由標(biāo)記組構(gòu)成的，標(biāo)記組構(gòu)成的，JavaScript自動為每一自動為每一個個HTML文件建立一個文件建立一個document對象，用來顯示對象，用來顯示HTML文件。文件。 文檔對象文檔對象(DOCUM

47、ENT)1.語法語法 document.屬性屬性 document.方法方法2.屬性屬性 link 文檔中的一個文檔中的一個標(biāo)記標(biāo)記(該屬性本身也該屬性本身也是一個對象是一個對象)。 links 文件中的所有鏈接，以數(shù)組索引值表示。文件中的所有鏈接，以數(shù)組索引值表示。 linkColor 文檔的鏈接的顏色文檔的鏈接的顏色,即即標(biāo)記中的標(biāo)記中的LINK屬性。屬性。 alinkColor 活動鏈接的顏色活動鏈接的顏色(ALINK)。 vlinkColor 指向已點(diǎn)擊過的超鏈接文本顏色指向已點(diǎn)擊過的超鏈接文本顏色,即即標(biāo)記的標(biāo)記的VLINK特性特性 forms 文件中的所有表單，以數(shù)組索引值表示。文

48、件中的所有表單，以數(shù)組索引值表示。文檔對象文檔對象(DOCUMENT)2.屬性屬性 images 文檔中所有文檔中所有image，以數(shù)組索引值表示。，以數(shù)組索引值表示。 anchors 文檔中所有錨點(diǎn)，以數(shù)組索引值表示。文檔中所有錨點(diǎn)，以數(shù)組索引值表示。 bgColor 文檔的背景顏色文檔的背景顏色(BGCOLOR)。 fgColor 文檔中文本顏色文檔中文本顏色(中的中的TEXT特性特性) cookie 存儲于存儲于cookie.txt文件內(nèi)的一段信息文件內(nèi)的一段信息,它是該它是該文檔對象的一個屬性文檔對象的一個屬性 URL 表示該文件的網(wǎng)址。表示該文件的網(wǎng)址。 title 文檔的標(biāo)題文檔的

49、標(biāo)題(TITLE)。 lastModified 文檔最后的修改日期。文檔最后的修改日期。 文檔對象文檔對象(DOCUMENT)3.方法方法 write（字符串）（字符串）將字符串或數(shù)值寫到文件中。將字符串或數(shù)值寫到文件中。 getSelection() 取得當(dāng)前選取的字符串。取得當(dāng)前選取的字符串。4.事件事件onClick、onDblClick、onKeyDown、onKeyPress、onKeyUp、onMouseOver、onMouseUp 5.舉例舉例例例1：測試文件對象的顏色屬性測試文件對象的顏色屬性 例例2：網(wǎng)頁修改日期時間網(wǎng)頁修改日期時間 文檔對象文檔對象(DOCUMENT) 當(dāng)文

50、檔中包含當(dāng)文檔中包含標(biāo)記時，標(biāo)記時，JavaScript自動建立相自動建立相對應(yīng)的錨點(diǎn)對象。這些對象可以用對應(yīng)的錨點(diǎn)對象。這些對象可以用document的的anchors屬性，搭配數(shù)組的索引方式來進(jìn)行訪問控制。例如：屬性，搭配數(shù)組的索引方式來進(jìn)行訪問控制。例如：文件中的第一個錨點(diǎn)對象，叫做文件中的第一個錨點(diǎn)對象，叫做document. anchors 0, 第二個錨點(diǎn)對象，叫做第二個錨點(diǎn)對象，叫做document. anchors 1,依次類推。依次類推。錨點(diǎn)對象錨點(diǎn)對象(ANCHORS)1.語法語法document.錨點(diǎn)名錨點(diǎn)名.屬性屬性document.錨點(diǎn)名錨點(diǎn)名.方法方法或或docum

51、ent.anchors.屬性屬性 document.anchors.方法方法2.屬性屬性name 表示錨點(diǎn)的名稱。表示錨點(diǎn)的名稱。錨點(diǎn)對象錨點(diǎn)對象(ANCHORS) 無論是文字、圖形或圖像映射，只要是用來作為無論是文字、圖形或圖像映射，只要是用來作為超級鏈接用的對象，超級鏈接用的對象，JavaScript自動建立相對應(yīng)的鏈自動建立相對應(yīng)的鏈接對象。這些對象可以用接對象。這些對象可以用document的的links屬性，搭屬性，搭配數(shù)組的索引方式來進(jìn)行訪問控制。例如：文件中的配數(shù)組的索引方式來進(jìn)行訪問控制。例如：文件中的第一個鏈接對象，叫做第一個鏈接對象，叫做document.links0, 第

52、二個鏈第二個鏈接對象，叫做接對象，叫做document.links1,依次類推。依次類推。 鏈接對象鏈接對象(LINKS)1.語法語法document.鏈接名鏈接名.屬性屬性 document. 鏈接名鏈接名.方法方法或或document.links.屬性屬性 document.links.方法方法2.屬性屬性hash 表示表示URL字符串中錨點(diǎn)的名稱。字符串中錨點(diǎn)的名稱。host 表示主機(jī)域名或表示主機(jī)域名或IP地址。地址。hostname 表示表示URL當(dāng)中的當(dāng)中的host與與port的部分。的部分。href 完整的完整的URL字符串。字符串。pathname 表示表示URL當(dāng)中的目錄路徑

53、當(dāng)中的目錄路徑(path)部分。部分。鏈接對象鏈接對象(LINKS)2.屬性屬性port 表示表示URL當(dāng)中的通信端口當(dāng)中的通信端口(port)部分。部分。protocol 表示表示URL當(dāng)中的通信協(xié)議部分當(dāng)中的通信協(xié)議部分search 表示表示URL當(dāng)中的查詢字符串部分。當(dāng)中的查詢字符串部分。target 代表目標(biāo)的窗口，即代表目標(biāo)的窗口，即HTML中的中的TARGET屬性屬性text 表示表示A標(biāo)記中的文字。標(biāo)記中的文字。3.事件事件onClick、onDblClick、onKeyDown、onKeyPress、onKeyUp、onMouseOver、onMouseUp、onMouseOu

54、t、onMouseDown4.舉例舉例鏈接對象鏈接對象(LINKS) 當(dāng)文件中包含當(dāng)文件中包含標(biāo)記時，標(biāo)記時，JavaScript自動自動建立相對應(yīng)的圖像對象。這些對象可以用建立相對應(yīng)的圖像對象。這些對象可以用document的的images屬性，搭配數(shù)組的索引方式來進(jìn)行訪問控屬性，搭配數(shù)組的索引方式來進(jìn)行訪問控制。例如：文件中的第一個圖像對象，叫做制。例如：文件中的第一個圖像對象，叫做document. images 0, 第二個圖像對象，叫做第二個圖像對象，叫做document. images 1,依次類推。依次類推。圖像對象圖像對象(IMAGES)1.建立圖像對象：建立圖像對象：new

55、image(寬度寬度,高度高度)2.屬性屬性src 圖像的圖像的URL，SRC屬性。屬性。border 圖像的邊框，圖像的邊框，標(biāo)記的標(biāo)記的BORDER屬性。屬性。width 圖像的寬度，圖像的寬度，WIDTH屬性。屬性。height 圖像的高度，圖像的高度，HEIGHT屬性。屬性。hspace 圖像水平空白，圖像水平空白，HSPACE屬性。屬性。vspace 圖像垂直空白，圖像垂直空白，VSPACE屬性。屬性。lowsrc 圖像的第分辨率版本，圖像的第分辨率版本，LOWSRC屬性。屬性。complete 表示瀏覽器是否完成了圖像的加載，一個表示瀏覽器是否完成了圖像的加載，一個布爾值。布爾值。

56、3.事件事件:onAbort、onError、onLoad、onKeyDown、onKeyPress、onKeyUp 圖像對象圖像對象(IMAGES) 表單對象表單對象(Form)提供一個讓客戶端輸入文字或進(jìn)提供一個讓客戶端輸入文字或進(jìn)行選擇的功能，例如：單選按鈕、復(fù)選框、選擇列表等。行選擇的功能，例如：單選按鈕、復(fù)選框、選擇列表等。由由標(biāo)記組構(gòu)成，標(biāo)記組構(gòu)成，JavaScript自動建立一個表自動建立一個表單對象，并將用戶端的信息送至服務(wù)器進(jìn)行處理。表單單對象，并將用戶端的信息送至服務(wù)器進(jìn)行處理。表單對象是文件對象的子對象，同時，它也包含許多子對象。對象是文件對象的子對象，同時，它也包含許多

57、子對象。 表單對象表單對象(FORM)1.表單對象的使用格式表單對象的使用格式document.forms索引值索引值.屬性屬性 document.forms索引值索引值.方法（參數(shù)群）方法（參數(shù)群） 或或document.表單名稱表單名稱.屬性屬性document.表單名稱表單名稱.方法（參數(shù)群）方法（參數(shù)群）2.常用屬性常用屬性 Name：表單名，相當(dāng)于表單名，相當(dāng)于標(biāo)記的標(biāo)記的name屬性屬性Action：相當(dāng)于相當(dāng)于標(biāo)記的標(biāo)記的ACTION屬性。屬性。Method：輸入窗體的數(shù)據(jù)傳送到服務(wù)器上的方式輸入窗體的數(shù)據(jù)傳送到服務(wù)器上的方式,即即(FORM)標(biāo)記中的標(biāo)記中的METHOD屬性。屬

58、性。Elements：表單中的所有控件，以數(shù)組索引值表示表單中的所有控件，以數(shù)組索引值表示Length：表單中的控件的個數(shù)。表單中的控件的個數(shù)。 表單對象表單對象(FORM)2.常用屬性常用屬性 Checkbox：復(fù)選框，復(fù)選框，(該屬性本身也是一個對象該屬性本身也是一個對象)。Hidden：隱藏對象。隱藏對象。Button：按鈕，按鈕，(該屬該屬性本身也是一個對象性本身也是一個對象)。Radio：單選按鈕，單選按鈕，(該屬性本身也是一個對象該屬性本身也是一個對象)。Reset：復(fù)位按鈕，復(fù)位按鈕，(該屬性自身也是一個對象該屬性自身也是一個對象)。Submit：提交按鈕，提交按鈕，(該屬性本身

59、也是一個對象該屬性本身也是一個對象)。Text：單行文本，單行文本，(該屬性本身也是一個對象該屬性本身也是一個對象)。Textarea:多行文本，多行文本，(該屬性本身也是一個對象該屬性本身也是一個對象)。Select:選擇框，選擇框，(該屬性本身也是一個對該屬性本身也是一個對象象)。表單對象表單對象(FORM)3.常用方法常用方法 Submit() 提交表單提交表單(與與Submit按鈕的作用相同按鈕的作用相同)。reset() 重寫表單重寫表單(與使用與使用reset按鈕的作用相同按鈕的作用相同)。 表單對象表單對象(FORM) 表單對象表單對象(Form)提供一個讓客戶端輸入文字或進(jìn)提供

60、一個讓客戶端輸入文字或進(jìn)行選擇的功能，例如：單選按鈕、復(fù)選框、選擇列表等。行選擇的功能，例如：單選按鈕、復(fù)選框、選擇列表等。由由標(biāo)記組構(gòu)成，標(biāo)記組構(gòu)成，JavaScript自動建立一個表自動建立一個表單對象，并將用戶端的信息送至服務(wù)器進(jìn)行處理。表單單對象，并將用戶端的信息送至服務(wù)器進(jìn)行處理。表單對象是文件對象的子對象，同時，它也包含許多子對象。對象是文件對象的子對象，同時，它也包含許多子對象。 表單對象表單對象(FORM)1.表單對象的使用格式表單對象的使用格式document.forms索引值索引值.屬性屬性 document.forms索引值索引值.方法（參數(shù)群）方法（參數(shù)群） 或或doc