javascript的ppt

1、1動態(tài)網(wǎng)頁腳本語言動態(tài)網(wǎng)頁腳本語言JavaScript 主要內(nèi)容主要內(nèi)容 概述概述 編程基礎(chǔ)編程基礎(chǔ) 面向?qū)ο蟮幕靖拍蠲嫦驅(qū)ο蟮幕靖拍?內(nèi)置對象內(nèi)置對象一一瀏覽器窗口對象瀏覽器窗口對象2 JavaScript是由是由Netscape公司開發(fā)的一種跨公司開發(fā)的一種跨平臺，面向?qū)ο笃脚_，面向?qū)ο?object-oriented)的網(wǎng)頁腳本語的網(wǎng)頁腳本語言言(Web Script Language)，是目前流行的網(wǎng)頁，是目前流行的網(wǎng)頁特效特效設(shè)計語言。設(shè)計語言。 JavaScript代碼可直接嵌入代碼可直接嵌入HTML文件中，隨文件中，隨網(wǎng)頁一起傳送到客戶端瀏覽器，然后通過網(wǎng)頁一起傳送到客戶端瀏

2、覽器，然后通過瀏覽器瀏覽器來來解釋執(zhí)行解釋執(zhí)行。 JavaScript概述概述3 什么是什么是JavaScript腳本語言？腳本語言？ (1) 腳本語言腳本語言(Scripting Language)？ 由由ASCII碼構(gòu)成，可直接用任何的文本編輯器開發(fā)完成。碼構(gòu)成，可直接用任何的文本編輯器開發(fā)完成。是一種不必事先編譯，只要利用適當(dāng)?shù)慕忉屍魇且环N不必事先編譯，只要利用適當(dāng)?shù)慕忉屍?Interpreter)就可以執(zhí)行的簡單的就可以執(zhí)行的簡單的解釋式解釋式程序程序。 (2) JavaScript？ JavaScript是由是由Netscape公司開發(fā)的一種跨平臺，純面向公司開發(fā)的一種跨平臺，純面向

3、對象對象(object-oriented)式的網(wǎng)頁式腳本語言式的網(wǎng)頁式腳本語言(Web Script Language)。JavaScript代碼可直接嵌入代碼可直接嵌入HTML文件中，隨文件中，隨網(wǎng)頁一起傳送到客戶端瀏覽器，然后通過瀏覽器的網(wǎng)頁一起傳送到客戶端瀏覽器，然后通過瀏覽器的解釋器解釋器來解釋執(zhí)行來解釋執(zhí)行。 JavaScript概述概述4 腳本編寫語言腳本編寫語言 基于對象的語言基于對象的語言 簡單性簡單性 動態(tài)性動態(tài)性 跨平臺跨平臺2. JavaScript的特點(diǎn)的特點(diǎn)JavaScript概述概述5 制作網(wǎng)頁特效制作網(wǎng)頁特效 提供表單前端驗證提供表單前端驗證 窗口動態(tài)操作窗口動態(tài)

4、操作 提高系統(tǒng)工作效率提高系統(tǒng)工作效率3. JavaScript的功能的功能JavaScript概述概述6 在在HTML標(biāo)記中標(biāo)記中直接直接寫入寫入JavaScript代碼代碼例： 鼠標(biāo)移過來 運(yùn)行4. 在在HTML文檔中嵌入文檔中嵌入JavaScript代碼代碼JavaScript概述概述7 將將JavaScript代碼放入代碼放入標(biāo)記符中標(biāo)記符中例如：例如： document.write(歡迎您學(xué)習(xí)歡迎您學(xué)習(xí)JavaScript!); 運(yùn)行運(yùn)行 4. 在在HTML文檔中嵌入文檔中嵌入JavaScript代碼代碼JavaScript概述概述8 將代碼獨(dú)立存儲為以將代碼獨(dú)立存儲為以 .js 為

5、擴(kuò)展名的文件，利用為擴(kuò)展名的文件，利用SRC屬性將該文件調(diào)入屬性將該文件調(diào)入例如：例如： welcome.js文件內(nèi)容如下：文件內(nèi)容如下： document.write(歡迎您學(xué)習(xí)歡迎您學(xué)習(xí)JavaScript!);4. 在在HTML文檔中嵌入文檔中嵌入JavaScript代碼代碼JavaScript概述概述舉例舉例9document.write( ); var A=Uppercase A;document.write(A);document.write( Uppercase A );document.write();document.write(gv= + A + );10 為避免某些瀏覽器

6、不完全支持為避免某些瀏覽器不完全支持JavaScript，而造成，而造成錯誤，可將錯誤，可將JavaScript代碼用注釋語句括起來代碼用注釋語句括起來例如：例如： 4. 在在HTML文檔中嵌入文檔中嵌入JavaScript代碼代碼JavaScript概述概述11 數(shù)值型數(shù)值型(Number)：包含包含整數(shù)整數(shù)或或浮點(diǎn)數(shù)浮點(diǎn)數(shù)。 布爾型布爾型(Logical)：取值為取值為true或或false。1,0 字符型字符型(String)：用用單引號單引號或或雙引號雙引號括起來的零個括起來的零個或多個的或多個的字符字符或或數(shù)字?jǐn)?shù)字所組成。所組成。 空類型空類型(null)：表示沒有值，取唯一值表示沒

7、有值，取唯一值”null”，大，大小寫敏感。小寫敏感。注：注：null不能寫成不能寫成Null或或NULL。 null既不等于既不等于“0”，也不等于，也不等于“空字符串空字符串”。因為。因為“0” 是數(shù)值，是數(shù)值，“空字符串空字符串”是字符串。是字符串。 1. 數(shù)據(jù)類型數(shù)據(jù)類型JavaScript編程基礎(chǔ)編程基礎(chǔ)12 自動數(shù)據(jù)類型轉(zhuǎn)換自動數(shù)據(jù)類型轉(zhuǎn)換 如果表達(dá)式中用如果表達(dá)式中用（+）運(yùn)算符，且其中一個操作數(shù)為運(yùn)算符，且其中一個操作數(shù)為字字符串符串，另一個操作數(shù)為數(shù)值時，另一個操作數(shù)為數(shù)值時，JavaScript自動將數(shù)值自動將數(shù)值轉(zhuǎn)成字符串。轉(zhuǎn)成字符串。例如：例如：var x=”我今年我今

8、年”+18; 結(jié)果：結(jié)果：x=“我今年我今年18” var x=”15”+8 結(jié)果：結(jié)果：x=158 var y=15+8; 結(jié)果：結(jié)果：y=23 如果表達(dá)式中用了如果表達(dá)式中用了其它其它運(yùn)算符，運(yùn)算符，JavaScript自動將字符自動將字符串轉(zhuǎn)成串轉(zhuǎn)成數(shù)值數(shù)值。 例如：例如：var x=”30”/5; 結(jié)果：結(jié)果：x=6 var y=”15”-“8”; 結(jié)果：結(jié)果：y=7 舉例2. 數(shù)據(jù)類型轉(zhuǎn)換數(shù)據(jù)類型轉(zhuǎn)換JavaScript編程基礎(chǔ)編程基礎(chǔ)13 數(shù)據(jù)類型轉(zhuǎn)換函數(shù)數(shù)據(jù)類型轉(zhuǎn)換函數(shù) eval(字符串字符串)：將字符串參數(shù)轉(zhuǎn)換成相應(yīng)的數(shù)值，將字符串參數(shù)轉(zhuǎn)換成相應(yīng)的數(shù)值，例如：例如： y=eva

9、l(“15”)+8; 結(jié)果：結(jié)果：y=23 parseInt(字符串，字符串，底數(shù)底數(shù))：將字符串轉(zhuǎn)換成指定將字符串轉(zhuǎn)換成指定底數(shù)的數(shù)值。底數(shù)的數(shù)值。 parseFloat(字符串字符串)：將字符串轉(zhuǎn)換成浮點(diǎn)數(shù)值。將字符串轉(zhuǎn)換成浮點(diǎn)數(shù)值。 舉例2. 數(shù)據(jù)類型轉(zhuǎn)換數(shù)據(jù)類型轉(zhuǎn)換JavaScript編程基礎(chǔ)編程基礎(chǔ)143. 變量變量JavaScript編程基礎(chǔ)編程基礎(chǔ) 變量命名變量命名 以以字母字母或或下劃線下劃線開頭（開頭（不能以數(shù)字開頭不能以數(shù)字開頭），后面接），后面接數(shù)字?jǐn)?shù)字、 字母字母或或下劃線下劃線。 變量名變量名區(qū)分大小寫區(qū)分大小寫。 不能用系統(tǒng)不能用系統(tǒng)保留字保留字和和特殊符號特殊符號

10、作為變量作為變量例：例： var A=Uppercase A; var a=Lowercase a;document.write(A);document.write();document.write(a); 153. 變量變量JavaScript編程基礎(chǔ)編程基礎(chǔ) 變量的聲明變量的聲明 變量聲明時，不必定義變量聲明時，不必定義類型類型，所有類型均由，所有類型均由小寫小寫的的 var聲明。聲明。例如：例如：var name; （JavaScript自動給出一個未定義值）自動給出一個未定義值）var name, sex; （JavaScript自動給出一個未定義值）自動給出一個未定義值）var na

11、me=”張永張永”，sex=”女生女生”； ( (二變量均二變量均為為 字符串字符串) ) 163. 變量變量JavaScript編程基礎(chǔ)編程基礎(chǔ) 變量的作用域：變量的作用域： 全局變量全局變量(Global variable) 局部變量局部變量(Local variable) var gv = JavaScript; / gv是全局變量是全局變量 function test() var lv = VBScript; / lv是局部變量是局部變量 document.write(gv= + gv + ); document.write(lv= + lv + + ); test(); docume

12、nt.write(document的輸出：的輸出：); document.write(gv= + gv + ); document.write(lv= + lv + ); 舉例174. 常量常量JavaScript編程基礎(chǔ)編程基礎(chǔ) 字符串常量：字符串常量：（String Literals） 一般一般字符串常量字符串常量： ， “ ” 特殊字符的特殊字符的字符串常量字符串常量 布爾常量：布爾常量：（Boolean Literals）：）：true或或false 1,0 數(shù)值型：數(shù)值型：整數(shù)常量整數(shù)常量（Integers Literals） 浮點(diǎn)常量浮點(diǎn)常量（Floating-Point Lite

13、rals）字符字符意義意義字符字符意義意義b后退一格后退一格(Backspace)t制表制表(Tab)f換頁換頁(Form feed)單引號單引號n換行換行(New line)”雙引號雙引號r返回返回(Carriage return)反斜線反斜線(Backslash)185. 運(yùn)算符與表達(dá)式運(yùn)算符與表達(dá)式JavaScript編程基礎(chǔ)編程基礎(chǔ) 賦值運(yùn)算符賦值運(yùn)算符運(yùn)算符運(yùn)算符意義意義運(yùn)算符運(yùn)算符意義意義=x=5/=x=x/y+=x=x+y%=求余賦值求余賦值=x=x-y*=x=x*yx+=y 等價于等價于 x=x+yx%=y 等價于等價于 x=x%y195. 運(yùn)算符與表達(dá)式運(yùn)算符與表達(dá)式Java

14、Script編程基礎(chǔ)編程基礎(chǔ) 比較運(yùn)算符比較運(yùn)算符 舉例操作符操作符描述描述舉例舉例A=B如果兩個操作數(shù)相等，如果兩個操作數(shù)相等， 返回返回truePsw=passwordA!=B如果兩個操作數(shù)不等，如果兩個操作數(shù)不等， 返回返回truemobile.length!=11A=B如果如果A大于或者等于大于或者等于B，返回，返回truetries=2AB如果如果A大于大于B， 返回返回truemflag20A=b如果如果A小于或等于小于或等于B， 返回返回truei=0AB如果如果A小小于于或等于或等于B， 返回返回truetriesb? a : b 舉例235. 運(yùn)算符與表達(dá)式運(yùn)算符與表達(dá)式Ja

15、vaScript編程基礎(chǔ)編程基礎(chǔ)g) typeof：用來判斷操作數(shù)的類型用來判斷操作數(shù)的類型 格式：格式：typeof 操作數(shù)操作數(shù) 或或 typeof(操作數(shù)操作數(shù)) 舉例24 屬性屬性對象類型：對象類型： 方法方法對象實(shí)例對象實(shí)例n 對象實(shí)例名對象實(shí)例名. .屬性屬性n 對象實(shí)例名對象實(shí)例名. .方法方法如：窗口如：窗口p102p102JavaScript編程基礎(chǔ)編程基礎(chǔ)255. 運(yùn)算符與表達(dá)式運(yùn)算符與表達(dá)式JavaScript編程基礎(chǔ)編程基礎(chǔ)h) new：定義對象實(shí)例定義對象實(shí)例。 語法：語法：對象實(shí)例名對象實(shí)例名= new 對象類型對象類型(參數(shù)參數(shù)) 例如：例如：myArray=ne

16、w Array(3) this：代表代表當(dāng)前對象當(dāng)前對象，因此用在，因此用在不同不同的地方，的地方， 就有就有不同不同的結(jié)果。的結(jié)果。 this.屬性屬性 this.方法方法 舉例266. 程序控制流程程序控制流程JavaScript編程基礎(chǔ)編程基礎(chǔ) 選擇結(jié)構(gòu)選擇結(jié)構(gòu)if 語句語句else 語句語句 if 語句組語句組 else 語句組語句組 if 語句組語句組 else if 語句組語句組 else 語句組語句組 舉例276. 程序控制流程程序控制流程JavaScript編程基礎(chǔ)編程基礎(chǔ)b) Switch結(jié)構(gòu)結(jié)構(gòu)switch ( ) case ：； break; case ：； break;

17、 default：； 286. 程序控制流程程序控制流程JavaScript編程基礎(chǔ)編程基礎(chǔ) 循環(huán)結(jié)構(gòu)循環(huán)結(jié)構(gòu) while () 語句組語句組 var i = 5; while ( i 0 ) document.write(i = i); i-; 例296. 程序控制流程程序控制流程JavaScript編程基礎(chǔ)編程基礎(chǔ) 循環(huán)結(jié)構(gòu)循環(huán)結(jié)構(gòu) var i = 5; do document.write(i = ,i ,); i-; while ( i 0 ) 例do 語句或語句組語句或語句組 while ()306. 程序控制流程程序控制流程JavaScript編程基礎(chǔ)編程基礎(chǔ) 循環(huán)結(jié)構(gòu)循環(huán)結(jié)構(gòu) fo

18、r ( 初始值初始值；條件條件；增量增量 ) for ( var i = 5; i 0; i- ) document.write(i = ,i ,); 316. 程序控制流程程序控制流程JavaScript編程基礎(chǔ)編程基礎(chǔ) 循環(huán)結(jié)構(gòu)循環(huán)結(jié)構(gòu) for ( i in ar ) document.write(, ari, ); 例1for ( 變量變量 in 對象對象 ) 326. 程序控制流程程序控制流程JavaScript編程基礎(chǔ)編程基礎(chǔ)C) With語句語句 with ( ) document.write (限時搶購物品：); document.write (ViewSonic 17 顯示器。

19、); document.write (EPSON 打印機(jī)。); with (document) write (限時搶購物品：); write (ViewSonic 17 顯示器。); write (EPSON 打印機(jī)。); 例1336. 程序控制流程程序控制流程JavaScript編程基礎(chǔ)編程基礎(chǔ) 注釋語句注釋語句 l / l /* */l 34JavaScript包含兩類函數(shù)：包含兩類函數(shù)： 系統(tǒng)函數(shù)系統(tǒng)函數(shù) 用戶自定義函數(shù)用戶自定義函數(shù)7. JavaScript函數(shù)函數(shù)JavaScript編程基礎(chǔ)編程基礎(chǔ)351) 編碼函數(shù)編碼函數(shù)功能：功能：將字符串中非文字、數(shù)字字符（如將字符串中非文字、

20、數(shù)字字符（如&,%,#,空格空格符符）轉(zhuǎn)成相對應(yīng)的）轉(zhuǎn)成相對應(yīng)的ASCII值值。語法：語法：escape(字符串字符串)2) 譯碼函數(shù)譯碼函數(shù)功能：功能：與與escape()相反，將相反，將ASCII值值轉(zhuǎn)回轉(zhuǎn)回ASCII字符字符.語法：語法：unescape(ASCII值值)3) 求值函數(shù)求值函數(shù)功能：功能：通常有兩個用途，一個用作字符串的運(yùn)算，另一通常有兩個用途，一個用作字符串的運(yùn)算，另一個用來指出操作對象。個用來指出操作對象。 語法：語法：eval(字符串表達(dá)式字符串表達(dá)式)JavaScript編程基礎(chǔ)編程基礎(chǔ)364) 數(shù)值判斷函數(shù)數(shù)值判斷函數(shù)功能：功能：判斷變量的值是否為數(shù)值，判斷變量

21、的值是否為數(shù)值，“NaN”代表代表“Not a Number”，若返回值為，若返回值為true，則表示自變量，則表示自變量不是數(shù)不是數(shù)值值。語法：語法：isNaN(測試值測試值)舉例：舉例： var x = 15, y = 黃雅玲黃雅玲; document.write(x 不是數(shù)值嗎？不是數(shù)值嗎？, isNaN(x); document.write(y 不是數(shù)值嗎？不是數(shù)值嗎？, isNaN(y);執(zhí)行結(jié)果：執(zhí)行結(jié)果： x 不是數(shù)值嗎？不是數(shù)值嗎？false y 不是數(shù)值嗎？不是數(shù)值嗎？TrueJavaScript編程基礎(chǔ)編程基礎(chǔ)舉例375) 轉(zhuǎn)成整數(shù)函數(shù)轉(zhuǎn)成整數(shù)函數(shù)功能：功能：將將字符串字符

22、串轉(zhuǎn)換成指定轉(zhuǎn)換成指定底數(shù)底數(shù)的的數(shù)值數(shù)值。格式：格式：parseInt(字符串字符串，底數(shù)，底數(shù))舉例：舉例： x=parseInt(“27”,8)JavaScript編程基礎(chǔ)編程基礎(chǔ)386) 轉(zhuǎn)成浮點(diǎn)函數(shù)轉(zhuǎn)成浮點(diǎn)函數(shù)功能：功能：將字符串轉(zhuǎn)成浮點(diǎn)數(shù)值。將字符串轉(zhuǎn)成浮點(diǎn)數(shù)值。格式：格式： parseFloat(字符串字符串)舉例：舉例： document.write(parseFloat(3.123456), ); JavaScript編程基礎(chǔ)編程基礎(chǔ)舉例397) 用戶自定義函數(shù)用戶自定義函數(shù)function 函數(shù)名函數(shù)名( 參數(shù)參數(shù)1，參數(shù)，參數(shù)2， ) return 定義函數(shù)的注意事項：定

23、義函數(shù)的注意事項： 易于識別易于識別 功能模塊化功能模塊化 放置在程序開始部分放置在程序開始部分 例1 例2JavaScript編程基礎(chǔ)編程基礎(chǔ)40函數(shù)定義的一般形式函數(shù)定義的一般形式定義定義無參函數(shù)無參函數(shù)的一般形式為的一般形式為: :類型標(biāo)識符類型標(biāo)識符函數(shù)名函數(shù)名( )( ) 聲明部分聲明部分 語句部分語句部分 函數(shù)名函數(shù)名( );( );41定義定義有參函數(shù)有參函數(shù)的一般形式為的一般形式為:類型標(biāo)識符類型標(biāo)識符 函數(shù)名函數(shù)名( (形式參數(shù)表列形式參數(shù)表列) ) 聲明部分聲明部分 語句部分語句部分 函數(shù)名函數(shù)名( (實(shí)際參數(shù)表列實(shí)際參數(shù)表列););42函數(shù)參數(shù)和函數(shù)的值函數(shù)參數(shù)和函數(shù)的值

24、形式參數(shù)和實(shí)際參數(shù)形式參數(shù)和實(shí)際參數(shù)形式參數(shù)：形式參數(shù)：函數(shù)名后面括號中的變量名稱為函數(shù)名后面括號中的變量名稱為“形形式參數(shù)式參數(shù)”（簡稱（簡稱“形參形參”）。）。實(shí)際參數(shù)：實(shí)際參數(shù)：主調(diào)函數(shù)中調(diào)用一個函數(shù)時，函數(shù)名主調(diào)函數(shù)中調(diào)用一個函數(shù)時，函數(shù)名后面括號中的參數(shù)后面括號中的參數(shù)(可以是一個表達(dá)式可以是一個表達(dá)式)稱為稱為“實(shí)際實(shí)際參數(shù)參數(shù)”（簡稱（簡稱“實(shí)參實(shí)參”）。）。函數(shù)返回值：函數(shù)返回值：return后面的括號中的值作為函數(shù)帶后面的括號中的值作為函數(shù)帶回的值（稱回的值（稱函數(shù)返回值函數(shù)返回值）。）。 43 主調(diào)函數(shù)主調(diào)函數(shù)和和被調(diào)用函數(shù)被調(diào)用函數(shù)之間有之間有數(shù)據(jù)傳遞數(shù)據(jù)傳遞的關(guān)的關(guān)系。

25、在不同的函數(shù)之間傳遞數(shù)據(jù)，可以使用的系。在不同的函數(shù)之間傳遞數(shù)據(jù)，可以使用的方法有：方法有：參數(shù)：參數(shù)：通過形式參數(shù)和實(shí)際參數(shù)通過形式參數(shù)和實(shí)際參數(shù)返回值：返回值：用用returnreturn語句返回計算結(jié)果語句返回計算結(jié)果全局變量：全局變量：外部變量外部變量44對象對象. .屬性屬性對象對象. .方法方法l new：定義對象實(shí)例定義對象實(shí)例。 語法：語法：對象實(shí)例名稱對象實(shí)例名稱 = = new 對象類型對象類型( (參數(shù)參數(shù)) ) l this：代表代表當(dāng)前對象當(dāng)前對象, 用在不同的地方用在不同的地方, 有不同的結(jié)果。有不同的結(jié)果。 this.屬性屬性 this.方法方法 面向?qū)ο蟮幕靖?/p>

26、念面向?qū)ο蟮幕靖拍?5JavaScript的事件處理的事件處理主要內(nèi)容主要內(nèi)容1、事件、事件 (Event)：是指用戶在某是指用戶在某對象對象上所作的上所作的動作動作。2、事件驅(qū)動、事件驅(qū)動(Event Driver)：由由事件引發(fā)事件引發(fā)的一連串的一連串程序的動作，稱為事件驅(qū)動。程序的動作，稱為事件驅(qū)動。3、事件處理程序、事件處理程序(Event Handler)：對事件進(jìn)行處對事件進(jìn)行處理的程序或函數(shù)。理的程序或函數(shù)。4、事件處理程序、事件處理程序語法語法 : 如：如：onClick 46JavaScript的事件處理的事件處理1、常見事件、常見事件事件事件動作動作事件事件動作動作Abo

27、rt中止正在加載的對象中止正在加載的對象Load 瀏覽器讀入文件時瀏覽器讀入文件時Blur失去焦點(diǎn)失去焦點(diǎn)Unload關(guān)閉當(dāng)前網(wǎng)頁關(guān)閉當(dāng)前網(wǎng)頁Focus獲取焦點(diǎn)獲取焦點(diǎn)MouseDown按下鼠標(biāo)左鍵按下鼠標(biāo)左鍵Change改變對象的值改變對象的值MouseMove移動鼠標(biāo)指針移動鼠標(biāo)指針Click在對象上單擊鼠標(biāo)在對象上單擊鼠標(biāo)MouseOut鼠標(biāo)指針離開某對象鼠標(biāo)指針離開某對象DblClick在對象上雙擊鼠標(biāo)在對象上雙擊鼠標(biāo)MouseOver鼠標(biāo)指針懸停于某對象之上鼠標(biāo)指針懸停于某對象之上DrogDrop拖拽對象拖拽對象MouseUp放開鼠標(biāo)左鍵放開鼠標(biāo)左鍵Error加載文件或圖形時發(fā)生錯誤

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

29、這是事件處理程序這是事件處理程序); * 瀏覽 48JavaScript的事件處理的事件處理3、應(yīng)用舉例、應(yīng)用舉例 例1： 網(wǎng)絡(luò)技術(shù)學(xué)習(xí)網(wǎng) 瀏覽49JavaScript的事件處理的事件處理3、應(yīng)用舉例、應(yīng)用舉例例2請輸入基本資料：姓名： 瀏覽 p58 *例1 例250 JavaScript提供了一些非常有用的提供了一些非常有用的常用內(nèi)部常用內(nèi)部對象和方法。用戶不需要用腳本來實(shí)現(xiàn)這些功能。對象和方法。用戶不需要用腳本來實(shí)現(xiàn)這些功能。這正是基于對象編程的真正目的。本節(jié)主要介紹這正是基于對象編程的真正目的。本節(jié)主要介紹JavaScript提供的內(nèi)置對象提供的內(nèi)置對象: Array(): 數(shù)組數(shù)組 S

30、tring(): 字符串字符串 Math(): 數(shù)值計算數(shù)值計算 Date(): 日期日期 JavaScript內(nèi)置對象內(nèi)置對象51JavaScript內(nèi)置對象內(nèi)置對象1. 數(shù)組數(shù)組(Array)對象對象格式：格式：對象名對象名 = new Array(元素個數(shù)元素個數(shù)) 對象名對象名 = new Array(值值1,值值2,)例如例如: fruit=new Array( ) fruit=new Array(2) /聲明了有聲明了有2個元素的數(shù)組個元素的數(shù)組 fruit=new Array(“蘋果蘋果”,”橘子橘子”) /聲明了聲明了有有 /2個數(shù)組元素的數(shù)組，并賦值個數(shù)組元素的數(shù)組，并賦值屬

31、性：屬性：indexindex： 數(shù)組元素的數(shù)組元素的索引值索引值。* length：數(shù)組長度數(shù)組長度(數(shù)組元素數(shù)組元素個數(shù)個數(shù))。方法：方法：join()：將數(shù)組內(nèi)的將數(shù)組內(nèi)的所有值所有值組合成一個組合成一個字符串字符串 并用并用特定符號特定符號分開。分開。 reverse()：將數(shù)組內(nèi)元素的將數(shù)組內(nèi)元素的索引次序索引次序翻轉(zhuǎn)翻轉(zhuǎn)過來過來 52JavaScript內(nèi)置對象內(nèi)置對象1. 數(shù)組數(shù)組(Array)對象對象舉例：舉例：例例1：一維數(shù)組應(yīng)用：一維數(shù)組應(yīng)用例例2：二維數(shù)組應(yīng)用：二維數(shù)組應(yīng)用53JavaScript內(nèi)置對象內(nèi)置對象2. 字符串字符串(String)對象對象格式：格式：字符串

32、變量名字符串變量名 = new String(“字符串常數(shù)字符串常數(shù)”)例如：例如：var str1= new String(”JavaScript”) 屬性：屬性： length：字符串長度：字符串長度 * 舉例：舉例： 例例1：屬性屬性length測試測試 54JavaScript內(nèi)置對象內(nèi)置對象方法：方法：1) indexOf(“子字符串子字符串”). * 02) replace(“字符串字符串a(chǎn)”，“字符串字符串b”）3) substr(索引值索引值i ,長度值長度值) 4) substring(索引值索引值i, 索引值索引值j) i, j-15) toLowerCase()6) to

33、UpperCase() 注意：大小寫！注意：大小寫！ indexOf()函數(shù)應(yīng)用 大、小寫轉(zhuǎn)換 substring()55JavaScript內(nèi)置對象內(nèi)置對象3. 數(shù)學(xué)數(shù)學(xué)(Math)對象對象屬性：屬性： E： 歐拉常量歐拉常量,自然對數(shù)的底自然對數(shù)的底 (約等于約等于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ù) (約等于約等于0.434) PI： 的值的值 (約等于約等

34、于3.14159) SQRT1_2：0.5的平方根的平方根 (約等于約等于0.707) SQRT2： 2的平方根的平方根 (約等于約等于1.414) 56JavaScript內(nèi)置對象內(nèi)置對象3. 數(shù)學(xué)數(shù)學(xué)(Math)對象對象方法：方法： abs(x) 返回返回x的絕對值的絕對值 acos(x) 返回返回x的反余弦值的反余弦值(以弧度為單位以弧度為單位) asin(x) 返回返回x的反正弦值的反正弦值(以弧度為單位以弧度為單位) atan(x) 返回返回x的反正切值的反正切值(以弧度為單位以弧度為單位) ceil(x) 返回大于或等于返回大于或等于x的最小整數(shù)的最小整數(shù) floor(x) 與與c

35、eil相反相反 max(a,b) 返回兩數(shù)間的較大值返回兩數(shù)間的較大值 min(a,b) 返回兩數(shù)問的較小值返回兩數(shù)問的較小值 pow(m,n) 返回返回m的的n次方次方(其中其中m為底為底, n為指數(shù)為指數(shù)) random( ) 返回返回0和和1之間的一個偽隨機(jī)數(shù)之間的一個偽隨機(jī)數(shù) round(x) 返回返回X四舍五入之后的整數(shù)四舍五入之后的整數(shù)57nMath.PInMath.max(a,b)nMath.round(x)nMath.randow()舉例舉例var m= new Math(); m.max(a,b);58JavaScript內(nèi)置對象內(nèi)置對象4. 日期時間日期時間(Date)對象

36、對象格式：格式： 對象實(shí)例名對象實(shí)例名 = new Date ( 日期參數(shù)日期參數(shù) )舉例：舉例： today = new Date () / 當(dāng)日時間為對象初值。當(dāng)日時間為對象初值。 today = new Date (“October 1,2002 12:00:00”) / 英文表示月份英文表示月份,其余以數(shù)值表示其余以數(shù)值表示: 即即【”月日月日,年時年時:分分:秒秒”】。 today = new Date (2002, 08, 07, 0, 0, 0) / 一律以數(shù)字表示一律以數(shù)字表示: 即即【年年,月月,日日,時時,分分,秒秒】。59JavaScript內(nèi)置對象內(nèi)置對象4. 日期時間

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

38、日期日期 setHours() 設(shè)置小時數(shù)設(shè)置小時數(shù) setMinutes() 設(shè)置分鐘數(shù)設(shè)置分鐘數(shù) setSeconds() 設(shè)置秒數(shù)設(shè)置秒數(shù) setDay() 設(shè)置返回設(shè)置返回星期幾星期幾 setTime() 設(shè)置完整的時間設(shè)置完整的時間 注意：注意： setDay() 61JavaScript內(nèi)置對象內(nèi)置對象4. 日期時間日期時間(Date)對象對象提示：提示： 月份數(shù)為（月份數(shù)為（0-11） 日期數(shù)為（日期數(shù)為（1-31） 星期數(shù)為（星期數(shù)為（0-6） 小時數(shù)為（小時數(shù)為（0-23） 分鐘數(shù)為（分鐘數(shù)為（0-59） 秒數(shù)為秒數(shù)為 （0-59） 毫秒數(shù)為毫秒數(shù)為（0-999） 62Jav

39、aScript內(nèi)置對象內(nèi)置對象5. 舉例舉例 例例1：Date對象常用方法測試對象常用方法測試 例例2：顯示當(dāng)天的時間顯示當(dāng)天的時間 例例3：顯示用戶的進(jìn)站時間顯示用戶的進(jìn)站時間 例例4：時間設(shè)置時間設(shè)置 例例5：倒計時倒計時63對象實(shí)例名稱對象實(shí)例名稱. .屬性屬性對象實(shí)例名稱對象實(shí)例名稱. .方法方法v new：定義對象實(shí)例定義對象實(shí)例 語法：語法：對象實(shí)例名稱對象實(shí)例名稱 = = newnew 對象類型對象類型( (參數(shù)參數(shù)) )v 引用：引用：對象實(shí)例名稱對象實(shí)例名稱. .屬性屬性 對象實(shí)例名稱對象實(shí)例名稱. .方法方法 v this：代表代表當(dāng)前對象當(dāng)前對象, , 用在不同的地方用在

40、不同的地方, , 有不同的結(jié)果。有不同的結(jié)果。 this.屬性屬性 this.方法方法 面向?qū)ο蟮幕靖拍蠲嫦驅(qū)ο蟮幕靖拍?4 Math. *可以直接使用不需要先定義可以直接使用不需要先定義 String(字符串字符串) Array(數(shù)組數(shù)組) *必須先定義必須先定義newnew后引用后引用 Date(日期日期)JavaScript內(nèi)置對象內(nèi)置對象舉例舉例65JavaScript內(nèi)置對象內(nèi)置對象5. 用戶自定義對象用戶自定義對象 在實(shí)際應(yīng)用應(yīng)用中，在實(shí)際應(yīng)用應(yīng)用中，JavaScript提供的內(nèi)置對提供的內(nèi)置對象往往不能滿足用戶的需求，因此，常常需要建立象往往不能滿足用戶的需求，因此，常常需要

41、建立用戶自定義對象。對象用戶自定義對象。對象(Object)是一組經(jīng)過組織是一組經(jīng)過組織的數(shù)據(jù)，在的數(shù)據(jù)，在JavaScript中的每一個對象都有兩個中的每一個對象都有兩個相關(guān)的成員：相關(guān)的成員：屬性屬性(Property)和和方法方法(Method)。建立自定義對象就是為對象建立自定義對象就是為對象定義：定義：屬性和方法屬性和方法。 66JavaScript內(nèi)置對象內(nèi)置對象5. 用戶自定義對象用戶自定義對象其步驟是其步驟是:1) 寫一個寫一個構(gòu)造函數(shù)構(gòu)造函數(shù)來定義來定義: 對象類對象類 a) 為對象類定義為對象類定義 屬性屬性 b) 為對象類定義為對象類定義 方法方法 先將先將方法的名稱方法

42、的名稱放到對象的放到對象的構(gòu)造函數(shù)構(gòu)造函數(shù)中中 寫一個寫一個函數(shù)函數(shù)來描述該對象方法的內(nèi)容來描述該對象方法的內(nèi)容2) 利用利用new創(chuàng)建創(chuàng)建: 對象實(shí)例對象實(shí)例67對象類型：對象類型：member屬性：屬性： name sex方法：方法： display()68 1) 定義定義對象對象類型類型function member(name, sex) = name; this.sex = sex; this.display = display; 2) 描述對象的描述對象的方法方法 function display() var str = + 是是 + this

43、.sex; document.write( + str); 69 3) 創(chuàng)建對象實(shí)例創(chuàng)建對象實(shí)例 var papa = new member(楊宏文楊宏文, 男生男生); var mama = new member(黃雅玲黃雅玲, 女生女生); papa.display(); mama.display();舉例70JavaScript內(nèi)置對象內(nèi)置對象作業(yè)題作業(yè)題1、利用日期對象，對不同的進(jìn)站時間，顯示不同的、利用日期對象，對不同的進(jìn)站時間，顯示不同的提示信息。比如，上午六點(diǎn)到下午六點(diǎn)，顯示提示信息。比如，上午六點(diǎn)到下午六點(diǎn)，顯示“將有將有限的時間用在作最有意義的事限的時間用在作最有意義的事”；

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

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

46、1.document.title=“廣告窗口廣告窗口” self.close() opener.document.forms0.user.value=“張永張永”窗口對象窗口對象(WINDOW)733.屬性屬性name 窗口的名字。窗口的名字。closed 判斷窗口是否已經(jīng)被關(guān)閉，返回布爾值。判斷窗口是否已經(jīng)被關(guān)閉，返回布爾值。document 包含當(dāng)前文檔的信息，包含當(dāng)前文檔的信息，(該屬性本身是對象該屬性本身是對象)history 當(dāng)前窗口最近瀏覽過的網(wǎng)頁當(dāng)前窗口最近瀏覽過的網(wǎng)頁(該屬性本身是對象該屬性本身是對象)。location 窗口所顯示文檔的完整窗口所顯示文檔的完整URL(該屬性本

47、身是對象該屬性本身是對象)frames 窗口的框架對象數(shù)組窗口的框架對象數(shù)組, 以數(shù)組索引值表示，以數(shù)組索引值表示， (該屬性本身也是一個對象該屬性本身也是一個對象)。length 窗口內(nèi)的框架窗口內(nèi)的框架個數(shù)個數(shù)。opener 代表使用代表使用open打開當(dāng)前窗口的腳本所在的窗口。打開當(dāng)前窗口的腳本所在的窗口。self 代表當(dāng)前窗口。代表當(dāng)前窗口。top 代表當(dāng)前框架的最頂層窗口。代表當(dāng)前框架的最頂層窗口。窗口對象窗口對象(WINDOW)744.方法方法open( URL, 窗口名稱窗口名稱, ,窗口規(guī)格窗口規(guī)格 ) 打開一個新窗口打開一個新窗口URL：1,2,3窗口名稱窗口名稱: : na

48、me _top / _blank窗口規(guī)格窗口規(guī)格: *P112 表4-4例：例： NewWin=open( , _blank, height=100,width=300);注意：引用時不需聲稱注意：引用時不需聲稱 new753.屬性屬性 (規(guī)格參數(shù)規(guī)格參數(shù))defaultStatus 缺省的狀態(tài)欄信息。缺省的狀態(tài)欄信息。status 狀態(tài)欄中的信息。狀態(tài)欄中的信息。scrollbars 瀏覽器的滾動條（包括水平和垂直滾動條）。瀏覽器的滾動條（包括水平和垂直滾動條）。toolbar 瀏覽器的工具欄。瀏覽器的工具欄。menubar 瀏覽器的菜單欄。瀏覽器的菜單欄。locationbar 瀏覽器的地

49、址欄。瀏覽器的地址欄。innerHeight 窗口窗口內(nèi)容區(qū)內(nèi)容區(qū)的高度（以像素表示）。的高度（以像素表示）。innerWidth 窗口窗口內(nèi)容區(qū)內(nèi)容區(qū)的寬度（以像素表示）。的寬度（以像素表示）。outerHeight 窗口窗口邊界邊界的高度（以像素表示）。的高度（以像素表示）。outerWidth 窗口窗口邊界邊界的寬度（以像素表示）。的寬度（以像素表示）。pageXOffset 網(wǎng)頁網(wǎng)頁x-position的位置（以像素表示）。的位置（以像素表示）。pageYOffset 網(wǎng)頁網(wǎng)頁y-position的位置（以像素表示）。的位置（以像素表示）。窗口對象窗口對象(WINDOW)p11276w

50、indowwindow document.write(網(wǎng)絡(luò)技術(shù)學(xué)習(xí)網(wǎng)網(wǎng)絡(luò)技術(shù)學(xué)習(xí)網(wǎng)); window.document.write(網(wǎng)絡(luò)技術(shù)學(xué)習(xí)網(wǎng)網(wǎng)絡(luò)技術(shù)學(xué)習(xí)網(wǎng)); var NewWin=open(WINDOW21.htm,MyWindow, height=100,width=300); var NewWin=window.open(WINDOW21.htm,MyWindow, height=100,width=300); NewWin.document.write(Open Window Name is: + NewW + ); open(URL, 窗口名稱窗口名稱, ,窗口規(guī)

51、格窗口規(guī)格)舉例舉例774.方法方法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ù)坐標(biāo)處，參數(shù) 取絕對值。取絕對值。ResizeBy(水平點(diǎn)數(shù)，垂直點(diǎn)數(shù)水平點(diǎn)數(shù)，垂直點(diǎn)數(shù)) 調(diào)整窗口大小，參數(shù)調(diào)整窗口大小，參數(shù) 取相對值。負(fù)值為減小。取相對值。負(fù)值為減小。ResizeTo(寬度，高度寬度，高度)setTimeout(，毫秒數(shù)，毫秒數(shù)) 等待一段等待一段 指定的毫秒數(shù)時間指定的毫秒數(shù)時間,

52、然后運(yùn)行指令。然后運(yùn)行指令。clearTimeout(定時器對象定時器對象) 清除清除 setTimeout定義的定義的 計時程序。計時程序。窗口對象窗口對象(WINDOW)784.方法方法setInterval( ，毫秒數(shù)毫秒數(shù)) 設(shè)置一個定時程序。設(shè)置一個定時程序。clearInterval(定時器對象定時器對象) 清除清除 setInterval定義的計時器定義的計時器focus() 將焦點(diǎn)移到此窗口。將焦點(diǎn)移到此窗口。blur() 把焦點(diǎn)從指定窗口移開。把焦點(diǎn)從指定窗口移開。home() 進(jìn)入客戶端在瀏覽器上設(shè)置的進(jìn)入客戶端在瀏覽器上設(shè)置的主頁主頁。stop() 停止加載網(wǎng)頁內(nèi)容。停止

53、加載網(wǎng)頁內(nèi)容。back() 返回歷史記錄的上一個網(wǎng)頁。返回歷史記錄的上一個網(wǎng)頁。forward() 加載歷史記錄的下一個網(wǎng)頁。加載歷史記錄的下一個網(wǎng)頁。窗口對象窗口對象(WINDOW)794.方法方法alert(字符串字符串) 傳送警告信息傳送警告信息對話框?qū)υ捒颉onfirm(字符串字符串) 打開一個打開一個Confirm對話框?qū)υ捒?用戶可以選擇用戶可以選擇 OK或或Cancel，如果用戶單擊，如果用戶單擊OK,該方法返回該方法返回 true，單擊，單擊Cancel返回返回mpt(“字符串字符串”，默認(rèn)值默認(rèn)值) 打開一個打開一個Prompt對話框?qū)υ捒? 用戶可向該框

54、鍵入文本用戶可向該框鍵入文本,并把并把鍵入的文本鍵入的文本返回返回 到腳本。到腳本。 窗口對象窗口對象(WINDOW)805.事件事件v onFocusv onBlurv onErrorv onLoad v onUnloadv onDragDropv onMovev onResize窗口對象窗口對象(WINDOW)816.舉例舉例例例1：改變窗口的大小實(shí)例改變窗口的大小實(shí)例例例2：打開窗口打開窗口例例3：頁面下落效果頁面下落效果例例4：Prompt方法實(shí)例方法實(shí)例例例5：setInterval實(shí)例實(shí)例例例6：setTimeout實(shí)例實(shí)例例例7：WINDOW對象綜合實(shí)例對象綜合實(shí)例窗口對象窗口對

55、象(WINDOW)82 單擊單擊“來者何人來者何人”，打開一，打開一200*100的窗口。的窗口。 打開網(wǎng)頁時，自動打開一打開網(wǎng)頁時，自動打開一300*100的窗口。的窗口。831.功能功能 它為它為window對象的一個屬性對象的一個屬性, 用來存儲客戶端用來存儲客戶端最近訪問過的最近訪問過的網(wǎng)頁清單網(wǎng)頁清單。2.格式格式history.屬性屬性history.方法方法(參數(shù)參數(shù)) 3.屬性屬性length 存儲在記錄清單中的存儲在記錄清單中的網(wǎng)頁數(shù)目網(wǎng)頁數(shù)目。current 當(dāng)前的當(dāng)前的網(wǎng)頁地址網(wǎng)頁地址。next 下一個歷史記錄的下一個歷史記錄的網(wǎng)頁地址網(wǎng)頁地址。previous 上一個歷

56、史記錄的上一個歷史記錄的網(wǎng)頁地址網(wǎng)頁地址。 歷史對象歷史對象(HISTORY)844.方法方法Back() 回到客戶端查看過的回到客戶端查看過的上一頁上一頁。Forward() 回到客戶端查看過的回到客戶端查看過的下一頁下一頁。Go(整數(shù)整數(shù)或或URL字符串字符串) 前往歷史記錄中的前往歷史記錄中的某個網(wǎng)頁某個網(wǎng)頁5.舉例舉例例：例：history對象實(shí)例對象實(shí)例歷史對象歷史對象(HISTORY)繼續(xù)85歷史對象歷史對象(HISTORY)WIN1WIN2WIN3WIN4WIN5WIN6history.back()history.forward()history.go()861.功能功能 代表代

57、表特定窗口特定窗口的的URL信息。信息。一個完整的一個完整的URL格式如下：格式如下： protocol / host：port / path # hash ? search protocol： 通信協(xié)議通信協(xié)議 http host：主機(jī)名稱主機(jī)名稱 port： 通信端口通信端口 path：文件路徑文件路徑 hash：定位錨點(diǎn)定位錨點(diǎn) search：查詢信息查詢信息 位置對象位置對象(LOCATION)872.語法語法 location.屬性屬性 location.方法（參數(shù)）方法（參數(shù)）3.屬性屬性 hash URL中定位錨點(diǎn)名稱。中定位錨點(diǎn)名稱。 host URL中主機(jī)名部分。中主機(jī)名部分

58、。 hostname URL中中host：port部分。部分。 href 完整的完整的URL字符串。字符串。 pathname URL中中path部分。部分。 port URL的端口的端口port部分。部分。 protocol URL的通信協(xié)議。的通信協(xié)議。 search 以問號以問號(?)開始的開始的URL中的一部分中的一部分,用于用于 指定搜索信息。指定搜索信息。位置對象位置對象(LOCATION)884.方法方法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.舉例舉例(用用普通文

59、字實(shí)現(xiàn)超鏈接普通文字實(shí)現(xiàn)超鏈接)(用用A標(biāo)記字實(shí)現(xiàn)超鏈標(biāo)記字實(shí)現(xiàn)超鏈接接)位置對象位置對象(LOCATION)例例1：用普通文字實(shí)現(xiàn)超鏈接的范例用普通文字實(shí)現(xiàn)超鏈接的范例89 document.title = 自動打開網(wǎng)頁范例自動打開網(wǎng)頁范例; var sec = 5; function countDown() if (sec 0) num.innerHTML = sec-; else location.href = “http:/”; 例例2：自動打開網(wǎng)頁范例自動打開網(wǎng)頁范例 90 五秒鐘后自動帶你前往五秒鐘后自動帶你前往 中山大學(xué)網(wǎng)頁中山大學(xué)網(wǎng)頁 http:/ 5 n例例2：自動打開網(wǎng)頁范

60、例自動打開網(wǎng)頁范例 91 每一個每一個框架對象框架對象相當(dāng)于窗口相當(dāng)于窗口(WINDOW)對象，對象，因此框架對象因此框架對象可以使用窗口對象的所有屬性和方法可以使用窗口對象的所有屬性和方法。 框架對象框架對象(FRAME)downFrameupFrameleftFrametoptopleftFrameupFramedownFrame1.框架組的結(jié)構(gòu)框架組的結(jié)構(gòu) 2.框架組的層次框架組的層次 923.框架的引用框架的引用top.leftFrametop.upFrametop.downFrame或或top.frames0top.frames1top.frames24.舉例舉例框架對象框架對象(F