第7章 JavaScript編程基礎(chǔ)_第1頁
第7章 JavaScript編程基礎(chǔ)_第2頁
第7章 JavaScript編程基礎(chǔ)_第3頁
第7章 JavaScript編程基礎(chǔ)_第4頁
第7章 JavaScript編程基礎(chǔ)_第5頁
已閱讀5頁，還剩84頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

高等學(xué)校規(guī)劃教材Web前端開發(fā)實例教程（第2版）——HTML5+CSS3+JavaScript+jQuery第7章JavaScript編程基礎(chǔ)目錄7.1JavaScript概述7.2在HTML文件中使用JavaScript7.3數(shù)據(jù)類型7.4常量、變量、運(yùn)算符和表達(dá)式

7.5流程控制語句7.6函數(shù)7.7對象7.8JavaScript的內(nèi)置對象7.1JavaScript概述7.1JavaScript概述 JavaScript是一種腳本語言，是一種介于HTML與高級編程語言（Java、VB和C++等）之間的特殊語言。客戶端腳本常用來響應(yīng)用戶動作、驗證表單數(shù)據(jù)，以及顯示各種自定義內(nèi)容，如對話框、動畫等。 JavaScript是一種基于對象（Object）和事件驅(qū)動（EventDriven），并且具有安全性能的腳本語言。它可與HTML、CSS一起實現(xiàn)在一個Web頁面中鏈接多個對象，與Web客戶交互的作用，從而開發(fā)出客戶端的應(yīng)用程序。7.2在HTML文件中使用JavaScript7.2.1在HTML文件中嵌入腳本程序7.2.2鏈接腳本文件7.2.3在HTML標(biāo)簽內(nèi)添加腳本7.2.1在HTML文件中嵌入腳本程序 JavaScript的腳本程序包含在HTML中，使之成為HTML文件的一部分。其格式為：<scripttype="text/javascript">JavaScript語言代碼;JavaScript語言代碼;…</script>7.2.1在HTML文件中嵌入腳本程序 【例7-1】在HTML文件中嵌入JavaScript的腳本。7.2.2鏈接腳本文件 如果已經(jīng)存在一個腳本文件（以.js為擴(kuò)展名），則可以使用script標(biāo)記的src屬性引用外部腳本文件的URL。采用引用腳本文件的方式，可以提高程序代碼的利用率。其格式為：

<scripttype="text/javascript"src="路徑/腳本文件名.js"></script> type="text/javascript"屬性定義文件的類型是javascript。src屬性定義.js文件的URL。7.2.2鏈接腳本文件 【例7-2】將例7-1改為鏈接腳本文件。<!DOCTYPEhtml><html> <head> <metacharset="utf-8"> <title>JavaScript示例</title> <scripttype="text/javascript"src="hello.js"></script> </head> <body> </body></html>7.2.3在HTML標(biāo)簽內(nèi)添加腳本 可以在HTML表單輸入標(biāo)簽內(nèi)添加腳本，以響應(yīng)輸入的事件?！纠?-3】在標(biāo)簽內(nèi)添加JavaScript的腳本。7.3數(shù)據(jù)類型7.3.1數(shù)據(jù)類型的分類7.3.2基本數(shù)據(jù)類型7.3.3數(shù)據(jù)類型的判斷7.3.4數(shù)據(jù)類型的轉(zhuǎn)換7.3.1數(shù)據(jù)類型的分類 JavaScript的數(shù)據(jù)主要分為以下兩類。 1．值類型 值類型也稱簡單數(shù)據(jù)類型、基本數(shù)據(jù)類型、原始類型，JavaScript有5種原始類型，即字符串（string）、數(shù)字（number）、布爾（boolean）、未定義（undefined）、空（null）。 2．引用數(shù)據(jù)類型 引用數(shù)據(jù)類型包括對象（object）、數(shù)組（array）、函數(shù)（function）。7.3.2基本數(shù)據(jù)類型 1．string類型 string（字符串）類型是用雙引號（"）或單引號（"）括起來的0個或多個字符組成的一串序列（也稱字符串），可以包括0個或多個Unicode字符，用16位整數(shù)表示。string類型是唯一沒有固定大小的基本數(shù)據(jù)類型。 通過轉(zhuǎn)義字符“\”可以在字符串中添加不可顯示的特殊字符，如\n（換行）、\f（換頁）、\t（Tab符）、\'（單引號）、\"（雙引號）、\\（反斜線）等。7.3.2基本數(shù)據(jù)類型 2．number類型 JavaScript與其他編程語言不同，在JavaScript中，數(shù)字不分為整數(shù)類型和浮點(diǎn)數(shù)類型，所有的數(shù)字都用64位浮點(diǎn)格式表示，即JavaScript只有一種數(shù)字類型，無論什么樣的數(shù)字，統(tǒng)一用number表示，都是數(shù)字型（也稱數(shù)值型）。 NaN（NotaNumber）是代表非數(shù)字值的特殊值，用于指示某個值不是數(shù)字。一般來說，這種情況發(fā)生在類型（string、boolean等）轉(zhuǎn)換失敗時。7.3.2基本數(shù)據(jù)類型 3．boolean類型 boolean（布爾、邏輯）類型只能有兩個值，true或false。也可以用0表示false，非0表示true。 4．undefined類型 undefined的意思是未定義的。 5．null類型 null的意思是空，表示沒有任何值。7.3.3數(shù)據(jù)類型的判斷 在JavaScript中，判斷一個數(shù)據(jù)的類型主要有兩種方式。 1．typeof操作符 typeof操作符用于獲取一個變量或表達(dá)式的類型。格式為：

typeof值或變量 它有一個參數(shù)，即要檢查的值或變量。對變量或值調(diào)用typeof運(yùn)算符將返回undefined（undefined類型）、boolean（boolean類型）、number（number類型）、string(string類型）和object（引用類型或null類型）。7.3.3數(shù)據(jù)類型的判斷 【例7-4】判斷數(shù)據(jù)類型。<scripttype="text/javascript"> document.write(typeof"HelloWorld!"+"<br>"); //輸出string document.write(typeof3+"<br>"); //輸出number document.write(typeof3*2+"<br>"); /輸出/NaN document.write(typeoffalse+"<br>"); //輸出boolean document.write(typeofvarX+"<br>"); //輸出undefined document.write(typeof[1,2,3]+"<br>"); //輸出object document.write(typeof{name:'Tom',age:18}+"<br>"); //輸出object document.write(typeofnull+"<br>"); //輸出object</script>7.3.3數(shù)據(jù)類型的判斷 2．instanceof操作符instanceof操作符用于判斷一個引用類型屬于哪種。其格式為：【例7-5】下面語句判斷a是否為數(shù)組類型的變量。<scripttype="text/javascript"> vara=newArray(); if(ainstanceofArray){ document.write("a是一個數(shù)組類型"); }else{ document.write("a不是一個數(shù)組類型"); }</script>7.3.4數(shù)據(jù)類型的轉(zhuǎn)換 可以把數(shù)據(jù)從一種數(shù)據(jù)類型轉(zhuǎn)換為另一種數(shù)據(jù)類型 1．將數(shù)字類型轉(zhuǎn)換為字符串類型 1）全局方法String()可以將數(shù)字類型轉(zhuǎn)換為字符串類型 String(表達(dá)式) 2）number方法toString()也有同樣的效果。 number方法toString()的語法格式為： 表達(dá)式.toString()7.3.4數(shù)據(jù)類型的轉(zhuǎn)換 2．將布爾值轉(zhuǎn)換為字符串 全局方法String()和布爾方法toString()都可以將布爾值轉(zhuǎn)換為字符串。 3．將字符串轉(zhuǎn)換為數(shù)字 全局方法Number()可以將字符串轉(zhuǎn)換為數(shù)字。其格式為： Number(字符串)7.3.4數(shù)據(jù)類型的轉(zhuǎn)換 4．一元運(yùn)算符+ 5．將布爾值轉(zhuǎn)換為數(shù)字 全局方法Number()可將布爾值轉(zhuǎn)換為數(shù)字。 6．自動轉(zhuǎn)換類型 7．自動轉(zhuǎn)換為字符串 當(dāng)嘗試輸出一個對象或一個變量時，JavaScript會自動調(diào)用變量的toString()方法。7.4常量、變量、運(yùn)算符和表達(dá)式7.4.1常量7.4.2變量7.4.3運(yùn)算符和表達(dá)式7.4.1常量 1．字符串（string）常量 使用單引號“'”或雙引號“"”括起來的0個或幾個字符。 2．?dāng)?shù)字（number）常量 可以是整數(shù)或小數(shù)，也可以是科學(xué)計數(shù)（e）。 3．布爾（boolean）常量 布爾常量只有兩個值：true或false。它主要用來說明或代表一種狀態(tài)或標(biāo)志，以說明操作流程。7.4.2變量 1．變量的聲明 在JavaScript中創(chuàng)建變量通常稱為“聲明”變量。由于JavaScript采用弱類型的形式，所以變量不必首先聲明，而是在使用或賦值時自動確定其數(shù)據(jù)的類型。 變量的聲明和賦值語句var的語法為：var變量名1,變量名2…;7.4.2變量 2．賦值運(yùn)算符 賦值運(yùn)算符為“=”，也可以在聲明變量的同時賦值。其格式為：var變量名1=初始值1,變量名2=初始值2…; 如果加上var聲明，則表示全局變量；如果省略var，則表示局部變量。7.4.2變量 3．變量的作用域 變量的作用域又稱變量的作用范圍，是指可以訪問該變量的代碼區(qū)域。JavaScript中變量的作用域有全局變量和局部變量。全局變量是可以在整個HTML文件范圍中使用的變量，全局變量定義在所有函數(shù)體之外，其作用范圍是全部函數(shù)；局部變量是只能在局部范圍內(nèi)使用的變量，局部變量通常定義在函數(shù)體之內(nèi)，只對該函數(shù)可見，對其他函數(shù)不可見。7.4.3運(yùn)算符和表達(dá)式 1．算術(shù)運(yùn)算符和算術(shù)表達(dá)式 JavaScript中的算術(shù)運(yùn)算符有一元運(yùn)算符和二元運(yùn)算符。二元運(yùn)算符有：+（兩值相加）、（兩值相減）、*（兩值相乘）、/（兩值相除）、%（兩值取余數(shù)）。一元運(yùn)算符有：++（遞加1）、（遞減1）。7.4.3運(yùn)算符和表達(dá)式 2．字符串運(yùn)算符和字符串表達(dá)式 字符串運(yùn)算符是“+”，用于連接兩個字符串，形成字符串表達(dá)式。例如，"abc"+"123"。 3．比較運(yùn)算符和比較表達(dá)式 比較（關(guān)系）運(yùn)算符首先對操作數(shù)進(jìn)行比較，然后返回一個true或false值。7.4.3運(yùn)算符和表達(dá)式 4．布爾（邏輯）運(yùn)算符和布爾表達(dá)式 布爾運(yùn)算符有：&&（與）、||（或）、!（非、取反）、?:（條件）。 邏輯表達(dá)式是由邏輯運(yùn)算符組成的表達(dá)式。邏輯表達(dá)式的結(jié)果只能是布爾值，即true或false。 5．位運(yùn)算符和位表達(dá)式 位運(yùn)算符分為位邏輯運(yùn)算符和位移動運(yùn)算符。7.4.3運(yùn)算符和表達(dá)式 6．條件運(yùn)算符和條件表達(dá)式 條件運(yùn)算符是三元運(yùn)算符，其格式為：條件表達(dá)式?表達(dá)式1:表達(dá)式2 由條件運(yùn)算符組成條件表達(dá)式。其功能是先計算條件表達(dá)式，如果條件表達(dá)式的結(jié)果為true，則計算表達(dá)式1的值，表達(dá)式1為整個條件表達(dá)式的值；否則，計算表達(dá)式2，表達(dá)式2為整個條件表達(dá)式的值。7.4.3運(yùn)算符和表達(dá)式 7．運(yùn)算符的優(yōu)先順序 通常不同的運(yùn)算符構(gòu)成了不同的表達(dá)式，甚至一個表達(dá)中包含多種運(yùn)算符，JavaScript語言規(guī)定了各類運(yùn)算符的運(yùn)算順序及結(jié)合性等，表達(dá)式的運(yùn)算是按運(yùn)算符的優(yōu)先級進(jìn)行的。下列運(yùn)算符按其優(yōu)先順序由高到低排列。7.5流程控制語句7.5.1順序結(jié)構(gòu)語句7.5.2條件選擇結(jié)構(gòu)語句7.5.3循環(huán)結(jié)構(gòu)語句7.5.1順序結(jié)構(gòu)語句 順序結(jié)構(gòu)一般由定義變量、常量的語句、賦值語句、輸入/輸出語句、注釋語句等構(gòu)成。 1．注釋語句 單行注釋語句的格式為：//注釋內(nèi)容 多行注釋語句的格式為：/*注釋內(nèi)容注釋內(nèi)容*/7.5.1順序結(jié)構(gòu)語句 2．輸出字符串 輸出字符串的方法是利用document對象的write()方法、window對象的alert()方法。（1）利用document對象的write()/writeln()方法輸出字符串document.write(字符串1,字符串2,…);（2）利用window對象的alert()方法輸出字符串window.alert(字符串);7.5.1順序結(jié)構(gòu)語句 【例7-6】alert()方法示例。7.5.1順序結(jié)構(gòu)語句 （3）使用innerHTML寫入HTML元素 使用document對象的getElementById('id').innerHTML向頁面上有id的元素插入內(nèi)容。其格式為：document.getElementById('id').innerHTML="被插入到頁面元素的內(nèi)容";【例7-7】使用innerHTML寫入HTML元素示例。7.5.1順序結(jié)構(gòu)語句 3．輸入字符串 （1）利用window對象的prompt()方法輸入字符串 prompt()方法的功能是彈出一個允許輸入值的對話框，提供了“確定”和“取消”兩個按鈕，還能顯示預(yù)期輸入值。單擊“確定”或“取消”按鈕后瀏覽器才會繼續(xù)解析執(zhí)行。其格式為：prompt(提示字符串,默認(rèn)值字符串); prompt()方法返回一個字符串。7.5.1順序結(jié)構(gòu)語句 （3）利用文本框輸入字符串 使用onBlur事件處理，可以得到在文本框中輸入的字符串?！纠?-9】下面的代碼執(zhí)行時，在文本框中輸入的文本將在對話框中輸出。7.5.2條件選擇結(jié)構(gòu)語句 1．if語句 if語句只有當(dāng)指定條件為true時，該語句才會執(zhí)行代碼。其格式為：if(條件){當(dāng)條件為true時執(zhí)行的語句塊;} 當(dāng)條件的值為true時，執(zhí)行“當(dāng)條件為true時執(zhí)行的語句塊”；否則跳過if語句執(zhí)行后面的語句。如果語句塊只有一句，則可以省略{}。7.5.2條件選擇結(jié)構(gòu)語句 2．ifelse語句 ifelse語句的格式為：if(條件){當(dāng)條件為true時執(zhí)行的語句塊;}else{當(dāng)條件不為true時執(zhí)行的語句塊;} 當(dāng)條件為true時，執(zhí)行“當(dāng)條件為true時執(zhí)行的語句塊”，然后執(zhí)行if塊后面的語句。如果條件為false，則執(zhí)行else部分的“當(dāng)條件不為true時執(zhí)行的語句塊”，然后執(zhí)行if塊后面的語句。7.5.2條件選擇結(jié)構(gòu)語句 3．if…elseif…else語句 使用if…elseif…else語句選擇多個語句塊之一來執(zhí)行。其格式為：if(條件1){當(dāng)條件1為true時執(zhí)行的語句塊;}elseif(條件2){當(dāng)條件2為true時執(zhí)行的語句塊;}else{當(dāng)條件1和條件2都不為true時執(zhí)行的語句塊;}7.5.2條件選擇結(jié)構(gòu)語句 4．switch語句 switch語句的格式為：switch(變量){case特定數(shù)值1:語句塊1;break;case特定數(shù)值2:語句塊2;break;…default:語句塊3;}7.5.2條件選擇結(jié)構(gòu)語句 【例7-10】使用switch語句判定今日是星期幾。7.5.3循環(huán)結(jié)構(gòu)語句 JavaScript中提供了多種循環(huán)結(jié)構(gòu)語句，有for、forin、while和dowhile語句，還提供用于跳出循環(huán)的break語句，用于終止當(dāng)前循環(huán)并繼續(xù)執(zhí)行下一輪循環(huán)的continue語句。 1．for語句 for語句的格式為：for(初始化;條件;增量){被執(zhí)行的語句塊;}7.5.3循環(huán)結(jié)構(gòu)語句 2．forin語句 forin語句循環(huán)遍歷對象的屬性，將在JavaScript對象的章節(jié)中介紹forin語句的應(yīng)用。其格式為：for(鍵in對象){被執(zhí)行的語句塊;}7.5.3循環(huán)結(jié)構(gòu)語句 3．while循環(huán)語句 while循環(huán)語句的格式為：while(條件){被執(zhí)行的語句塊;} 當(dāng)條件表達(dá)式為真時就執(zhí)行循環(huán)體中的語句?！皸l件”要用()括起來。while語句的執(zhí)行步驟如下。7.5.3循環(huán)結(jié)構(gòu)語句 4．dowhile語句 dowhile語句是while語句的變體，其格式為：do{被執(zhí)行的語句塊;}while(條件)7.5.3循環(huán)結(jié)構(gòu)語句 5．break語句 break語句的功能是無條件跳出循環(huán)結(jié)構(gòu)或switch語句。一般break語句是單獨(dú)使用的，有時也可在其后面加一個語句標(biāo)號，以表明跳出該標(biāo)號所指定的循環(huán)體，然后執(zhí)行循環(huán)體后面的代碼。 6．continue語句 continue語句的功能是結(jié)束本輪循環(huán)，跳轉(zhuǎn)到循環(huán)的開始處，從而開始下一輪循環(huán)；而break語句則是結(jié)束整個循環(huán)。continue語句可以單獨(dú)使用，也可以與語句標(biāo)號一起使用。7.5.3循環(huán)結(jié)構(gòu)語句 【例7-11】循環(huán)結(jié)構(gòu)的用法。輸出20以內(nèi)的素數(shù)。7.6函數(shù)7.6.1函數(shù)的聲明7.6.2函數(shù)的調(diào)用7.6.3變量的作用域7.6.4系統(tǒng)函數(shù)7.6.1函數(shù)的聲明 函數(shù)在使用之前要先聲明（也稱定義）函數(shù)，聲明函數(shù)使用關(guān)鍵字function。聲明函數(shù)的格式為：function函數(shù)名(參數(shù)1,參數(shù)2,…){函數(shù)體語句塊;return返回值;} 函數(shù)名是調(diào)用函數(shù)時引用的名稱。參數(shù)是調(diào)用函數(shù)時接收傳入數(shù)據(jù)的變量名，可以使用參數(shù)列表，向函數(shù)傳遞多個參數(shù)，使得在函數(shù)中能夠使用這些參數(shù)。7.6.1函數(shù)的聲明 【例7-12】聲明兩個數(shù)的乘法函數(shù)multiple。7.6.2函數(shù)的調(diào)用 1．直接調(diào)用函數(shù) 直接調(diào)用函數(shù)的方法比較適合沒有返回值的函數(shù)，此時相當(dāng)于執(zhí)行函數(shù)中的語句塊。如果函數(shù)沒有返回值或調(diào)用程序不關(guān)心函數(shù)的返回值，則可以使用下面的格式調(diào)用定義的函數(shù)：函數(shù)名(傳遞給函數(shù)的參數(shù)1,傳遞給函數(shù)的參數(shù)2,…); 調(diào)用函數(shù)時的參數(shù)取決于聲明該函數(shù)時的參數(shù)，如果定義時有參數(shù)，就需要增加實參。7.6.2函數(shù)的調(diào)用 2．在表達(dá)式中調(diào)用函數(shù) 在表達(dá)式中調(diào)用函數(shù)的方法適合函數(shù)有返回值，函數(shù)的返回值參與表達(dá)式的計算。如果調(diào)用程序需要函數(shù)的返回結(jié)果，則可以使用下面的格式調(diào)用聲明的函數(shù)：變量名=函數(shù)名(傳遞給函數(shù)的參數(shù)1,傳遞給函數(shù)的參數(shù)2,…);7.6.2函數(shù)的調(diào)用 3．在事件中調(diào)用函數(shù) JavaScript是基于事件模型的程序語言，頁面加載、用戶單擊、移動鼠標(biāo)等行為都會產(chǎn)生事件。當(dāng)事件產(chǎn)生時就可以調(diào)用某個函數(shù)來響應(yīng)這個事件。在事件中調(diào)用函數(shù)的方法為：<標(biāo)簽屬性="屬性值"…事件="函數(shù)名(參數(shù)表)"></標(biāo)簽>7.6.2函數(shù)的調(diào)用 【例7-13】本例中的hello()函數(shù)顯示一個對話框，當(dāng)網(wǎng)頁加載完成后就調(diào)用一次hello()函數(shù)，使用<body>標(biāo)記的onLoad屬性，本例文件7-13.html在瀏覽器中先顯示對話框，如圖7-12（a）所示；單擊“確定”按鈕后才顯示網(wǎng)頁內(nèi)容，如圖7-12（b）所示。7.6.3變量的作用域 在函數(shù)中也可以定義變量，根據(jù)變量的作用范圍，又可分為全局變量和局部變量。在函數(shù)中定義的變量稱為局部變量。局部變量只在定義它的函數(shù)內(nèi)部有效，在函數(shù)體之外，即使使用同名的變量，也會被看作另一個變量。 相應(yīng)地，在函數(shù)體之外定義的變量是全局變量。全局變量在定義后的代碼中都有效，包括它后面定義的函數(shù)體內(nèi)。如果局部變量和全局變量同名，則在定義局部變量的函數(shù)中，只有局部變量是有效的。7.6.3變量的作用域 【例7-14】變量的作用域示例。7.6.4系統(tǒng)函數(shù) 常用的系統(tǒng)函數(shù)（全局函數(shù)）如表7-2所示。7.7對象7.7.1對象的概念7.7.2類7.7.3對象的實例化7.7.4對象的屬性7.7.5對象的方法7.7.6對象的事件7.7.1對象的概念 在JavaScript中，對象是屬性和方法的集合。屬性是用來描述對象特性的一組數(shù)據(jù)，每個屬性都有一個特定的名稱，以及與名稱相對應(yīng)的值。方法是用來操作對象特性的若干個動作，是若干個函數(shù)。對象可以保存多種數(shù)據(jù)，而普通變量只能保存單一數(shù)據(jù)。 簡單地說，屬性用于描述對象的一組特征，方法是為對象實施一些動作，對象的動作常要觸發(fā)事件，而觸發(fā)事件又可以修改屬性。一個對象建立后，其操作就通過與該對象有關(guān)的屬性、事件和方法來描述。7.7.2類 在JavaScript中，一般通過構(gòu)造函數(shù)創(chuàng)建類。格式為：function類名(參數(shù)1,參數(shù)2,…){this.屬性1=參數(shù)1;this.屬性2=參數(shù)2;…this.方法1=function(){}this.方法2=function(){}…}7.7.3對象的實例化 創(chuàng)建實例化對象有多種方法，下面介紹常用的兩種方法。 1．使用構(gòu)造函數(shù)實例化對象 實例化一個對象使用new關(guān)鍵字后面跟著類的構(gòu)造函數(shù)名字，類名必須是已經(jīng)創(chuàng)建的。其格式為：var對象實例名=new類名(參數(shù)表);7.7.3對象的實例化 2．用花括號{}聲明對象 利用{屬性名:屬性值,…}實例化一個對象，也可以通過原生類型Object.create({屬性名:屬性值,…}聲明對象。格式為：var對象名={屬性名1:屬性值1,屬性名2:屬性值2,…};var對象名=Object.create({屬性名1:屬性值1,屬性名2:屬性值2,…});7.7.3對象的實例化 【例7-15】創(chuàng)建類并按不同方法實例化對象。7.7.3對象的實例化

3．刪除對象

delete操作符可以刪除一個對象的實例。其格式為：delete對象名;7.7.4對象的屬性

屬性描述對象的靜態(tài)特征，每個對象都有一組特定的屬性，屬性分為屬性名和屬性值。對象中的屬性可以動態(tài)地操作，包括添加、刪除等。

1．添加屬性

（1）用點(diǎn)（．）運(yùn)算符添加屬性

對象名.屬性名=屬性值;

（2）用字符串的形式添加屬性對象名["屬性名"]=屬性值;7.7.4對象的屬性

2．引用屬性

引用屬性有3種方法，分別是“對象名.屬性名”、“對象名["屬性名"]”和“對象[下標(biāo)]”。

在用對象的下標(biāo)訪問對象屬性時，下標(biāo)從0開始?！皩ο骩下標(biāo)]”的格式如果用于添加屬性，則該屬性沒有名稱，只有下標(biāo)。如果引用的屬性不存在，則該值為undefined。7.7.4對象的屬性

3．刪除屬性

刪除屬性的格式為：delete對象名.屬性名;delete對象名["屬性名"];7.7.5對象的方法

方法是對象要執(zhí)行的動作，描述的是對象的動態(tài)行為。對象中的方法也可以動態(tài)地添加和刪除。

1．添加方法

方法只能通過“對象名.方法名”創(chuàng)建，其格式為：對象名.方法名=function(參數(shù)1,參數(shù)2,…){語句塊;return返回值;}7.7.5對象的方法

2．調(diào)用方法

調(diào)用對象的方法格式為：對象名.方法名(參數(shù)1,參數(shù)2,…)【例7-16】聲明一個空對象student，為對象添加5個屬性：id、name、gender、dateofbirth、courses，然后添加getName()、chooseCourse()方法。7.7.5對象的方法

3．刪除方法

刪除方法的格式為：

delete對象名.方法名;

例如，刪除student對象的getName()方法，代碼為：deletestudent.getName;//注意，沒有圓括號()7.7.6對象的事件

事件就是對象上所發(fā)生的事情。事件是預(yù)先定義好的、能夠被對象識別的動作，如單擊（Click）事件、雙擊（DblClick）事件、裝載（Load）事件、鼠標(biāo)移動（MouseMove）事件等，不同的對象能夠識別不同的事件。通過事件，可以調(diào)用對象的方法，以產(chǎn)生不同的執(zhí)行動作。7.8JavaScript的內(nèi)置對象7.8.1數(shù)組對象7.8.2字符串對象7.8.3日期對象7.8.1數(shù)組對象 1．?dāng)?shù)組對象的定義方法 數(shù)組對象的定義有3種方法：var數(shù)組對象名=newArray();var數(shù)組對象名=newArray(數(shù)組元素個數(shù));var數(shù)組對象名=newArray(第1個數(shù)組元素的值,第2個數(shù)組元素的值,…);7.8.1數(shù)組對象 【例7-17】定義一個具有3個元素的一維數(shù)據(jù)，分別賦值，然后顯示出來。7.8.1數(shù)組對象 【例7-18】定義一個二維數(shù)組，并且把數(shù)組元素顯示到表格中。7.8.1數(shù)組對象 2．?dāng)?shù)組對象的屬性 數(shù)組對象的屬性主要是length，它用于獲得數(shù)組中元素的個數(shù)，即數(shù)組中最大下標(biāo)加1。 3．?dāng)?shù)組對象的方法7.8.1數(shù)組對象 【例7-19】分別定義兩個一維數(shù)組，分別把數(shù)組中的元素按原始順序和排序輸出。7.8.2字符串對象

1．字符串（String）對象的定義方法

String對象是動態(tài)對象，需要創(chuàng)建對象實例后才能引用它的屬性或方法。有兩種方法可創(chuàng)建一個字符串對象。其格式為：字符串變量名="字符串";字符串變量名=newString("字符串");

2．字符串對象的屬性

字符串對象的常用屬性是length，其功能是得到字符串的字符個數(shù)。7.8.2字符串對象

3．字符串對象的方法

String對象的方法主要用于字符串在Web頁面中的顯示、字體大小、字體顏色、字符的搜索及字符的大小寫轉(zhuǎn)換。big()：用大字體顯示字符。small()：用小字體顯示字符。italics

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論