《Javascript基礎(chǔ)學(xué)習(xí)》由會(huì)員分享，可在線閱讀，更多相關(guān)《Javascript基礎(chǔ)學(xué)習(xí)（37頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

1、文檔供參考，可復(fù)制、編制，期待您的好評(píng)與關(guān)注！ Java Script語(yǔ)法基礎(chǔ) JavaScript JavaScript可以出現(xiàn)在html的任意地方，甚至在之前插入也可以。它使用進(jìn)行聲明，不過(guò)如果要在聲明框架的網(wǎng)頁(yè)（框架網(wǎng)頁(yè)）中插入，就一定要在標(biāo)記之前插入，否則不會(huì)運(yùn)行。 JavaScript的基本格式： 另外一種插入JavaScript的方法，是吧JavaScript代碼寫(xiě)到另一個(gè)文件當(dāng)中（此文件通常用.js作擴(kuò)展名），然后

2、用格式為的標(biāo)記把它嵌入到文檔中。參考13-1html JavaScript 輸出 操作 HTML 元素 如需從 JavaScript 訪問(wèn)某個(gè) HTML 元素，您可以使用 document.getElementById(id) 方法。 使用 "id" 屬性來(lái)標(biāo)識(shí) HTML 元素：例子 通過(guò)指定的 id 來(lái)訪問(wèn) HTML 元素，并改變其內(nèi)容：

My First Web Page

<

3、p id="demo">My First Paragraph

JavaScript 由 web 瀏覽器來(lái)執(zhí)行。在這種情況下，瀏覽器將訪問(wèn) id="demo" 的 HTML 元素，并把它的內(nèi)容（innerHTML）替換為 "My First JavaScript"。 寫(xiě)到文檔輸出 下面的例子直接把

元素寫(xiě)到 HTML 文檔輸出中： 實(shí)例

4、tml>

My First Web Page

警告使用 document.write() 僅僅向文檔輸出寫(xiě)內(nèi)容。如果在文檔已完成加載后執(zhí)行 document.write，整個(gè) HTML 頁(yè)面將被覆蓋： 實(shí)例

My First Web Page

My First Paragr

5、aph.

點(diǎn)擊這里 JavaScript 注釋 JavaScript 不會(huì)執(zhí)行注釋。 我們可以添加注釋來(lái)對(duì) JavaScript 進(jìn)行解釋，或者提高代碼的可讀性。 單行注釋以 // 開(kāi)頭。 例子 下面的例子使用單行注釋來(lái)解釋代碼： // 輸出標(biāo)題： document.getElementByI

6、d("myH1").innerHTML="Welcome to my Homepage"; // 輸出段落： document.getElementById("myP").innerHTML="This is my first paragraph."; 數(shù)據(jù)類型和變量 JavaScript提供了6種數(shù)據(jù)類型，其中4種基本的數(shù)據(jù)類型用來(lái)處理數(shù)字和文字，而變量提供存放信息的地方，表達(dá)式則可以完成較復(fù)雜的信息處理。 1、 string字符串類型：字符串是用單引號(hào)或雙引號(hào)來(lái)說(shuō)明的（可以使用單引號(hào)來(lái)輸入包含雙引號(hào)的字符串，反之亦然），如“艾薩克”、“next station”和“css樣式

7、設(shè)計(jì)”等。 2、 數(shù)值數(shù)據(jù)類型：JavaScript支持整數(shù)和浮點(diǎn)數(shù)，整數(shù)可以為正數(shù)、0或者負(fù)數(shù)；浮點(diǎn)數(shù)可以包含小數(shù)點(diǎn)，也可以包含一個(gè)“e”（大小寫(xiě)均可，在科學(xué)計(jì)數(shù)法中表示“10的冪”），或者同時(shí)包含這兩項(xiàng)。 3、 Boolean類型：可能boolean值有true和false。這是兩個(gè)特殊值，不能用作1和0. 4、 Undefined數(shù)據(jù)類型：一個(gè)為undefined的值就是值在變量被創(chuàng)建后，但未給該變量賦值時(shí)具有的值。 5、 Null數(shù)據(jù)類型：null值指沒(méi)有任何值，什么也不表示。 6、 Object類型：除了上面提到的各種常用類型外，對(duì)象也是JavaScript中的重要組成部分

8、。 在JavaScript中，變量用來(lái)存放腳本中的值，這樣在需要用這個(gè)值的時(shí)候就可以用變量來(lái)代替，變量的概念與其他語(yǔ)言一致。JavaScript對(duì)數(shù)據(jù)類型要求不嚴(yán)格，所以不必聲明，但在使用前聲明詩(shī)歌良好的習(xí)慣?？梢杂胿ar語(yǔ)句來(lái)進(jìn)一步變量聲明。例如： var temp; //沒(méi)有復(fù)制 var score; //數(shù)值類型 var male=ture; //布爾類型 var author=”isaac”; //字符串 JavaScript 變量 變量是存儲(chǔ)信息的容器。實(shí)例 var x=2; var y=3; var z=x+y; 就像代數(shù)那樣 x=2 y=

9、3 z=x+y 在代數(shù)中，我們使用字母（比如 x）來(lái)保存值（比如 2）。 通過(guò)上面的表達(dá)式 z=x+y，我們能夠計(jì)算出 z 的值為 5。 在 JavaScript 中，這些字母被稱為變量。 提示：您可以把變量看做存儲(chǔ)數(shù)據(jù)的容器。 與代數(shù)一樣，JavaScript 變量可用于存放值（比如 x=2）和表達(dá)式（比如 z=x+y）。 變量可以使用短名稱（比如 x 和 y），也可以使用描述性更好的名稱（比如 age, sum, totalvolume）。 變量必須以字母開(kāi)頭 變量也能以 $ 和 _ 符號(hào)開(kāi)頭（不過(guò)我們不推薦這么做） 變量名稱對(duì)大小寫(xiě)敏感（y 和 Y 是不同的變量）

10、 提示：JavaScript 語(yǔ)句和 JavaScript 變量都對(duì)大小寫(xiě)敏感。 JavaScript 數(shù)據(jù)類型 JavaScript 變量還能保存其他數(shù)據(jù)類型，比如文本值 (name="Bill Gates")。 在 JavaScript 中，類似 "Bill Gates" 這樣一條文本被稱為字符串。 JavaScript 變量有很多種類型，但是現(xiàn)在，我們只關(guān)注數(shù)字和字符串。 當(dāng)您向變量分配文本值時(shí)，應(yīng)該用雙引號(hào)或單引號(hào)包圍這個(gè)值。 當(dāng)您向變量賦的值是數(shù)值時(shí)，不要使用引號(hào)。如果您用引號(hào)包圍數(shù)值，該值會(huì)被作為文本來(lái)處理。 例子 var pi=3.14; var name="

11、Bill Gates"; var answer='Yes I am!'; 字符串、數(shù)字、布爾、數(shù)組、對(duì)象、Null、Undefined JavaScript 擁有動(dòng)態(tài)類型 JavaScript 擁有動(dòng)態(tài)類型。這意味著相同的變量可用作不同的類型： 實(shí)例 var x // x 為 undefined var x = 6; // x 為數(shù)字 var x = "Bill"; // x 為字符串 JavaScript 數(shù)字 JavaScript 只有一種數(shù)字類型。數(shù)字可以帶小數(shù)點(diǎn)，也可以不帶： 實(shí)例 var x1=3

12、4.00; //使用小數(shù)點(diǎn)來(lái)寫(xiě) var x2=34; //不使用小數(shù)點(diǎn)來(lái)寫(xiě) 極大或極小的數(shù)字可以通過(guò)科學(xué)（指數(shù)）計(jì)數(shù)法來(lái)書(shū)寫(xiě)： 實(shí)例 var y=123e5; // 12300000 var z=123e-5; // 0.00123 JavaScript 布爾 布爾（邏輯）只能有兩個(gè)值：true 或 false。 var x=true var y=false 布爾常用在條件測(cè)試中。 JavaScript 數(shù)組 下面的代碼創(chuàng)建名為 cars 的數(shù)組： var cars=new Array(); cars[0]="Audi";

13、 cars[1]="BMW"; cars[2]="Volvo"; 或者 (condensed array): var cars=new Array("Audi","BMW","Volvo"); 或者 (literal array): 實(shí)例 var cars=["Audi","BMW","Volvo"]; 數(shù)組下標(biāo)是基于零的，所以第一個(gè)項(xiàng)目是 [0]，第二個(gè)是 [1]，以此類推。 JavaScript 對(duì)象 對(duì)象由花括號(hào)分隔。在括號(hào)內(nèi)部，對(duì)象的屬性以名稱和值對(duì)的形式 (name : value) 來(lái)定義。屬性由逗號(hào)分隔： var person={firstname:"Bil

14、l", lastname:"Gates", id:5566}; 上面例子中的對(duì)象 (person) 有三個(gè)屬性：firstname、lastname 以及 id。 空格和折行無(wú)關(guān)緊要。聲明可橫跨多行： var person={ firstname : "Bill", lastname : "Gates", id : 5566 }; 對(duì)象屬性有兩種尋址方式： 實(shí)例 name=person.lastname; name=person["lastname"]; Undefined 和 Null Undefined 這個(gè)值表示變量不含有值。 可以通過(guò)將變量

15、的值設(shè)置為 null 來(lái)清空變量。 實(shí)例 cars=null; person=null; 聲明變量類型 當(dāng)您聲明新變量時(shí)，可以使用關(guān)鍵詞 "new" 來(lái)聲明其類型： var carname=new String; var x= new Number; var y= new Boolean; var cars= new Array; var person= new Object; 聲明（創(chuàng)建） JavaScript 變量 在 JavaScript 中創(chuàng)建變量通常稱為“聲明”變量。我們使用 var 關(guān)鍵詞來(lái)聲明變量：var carname; 變量聲

16、明之后，該變量是空的（它沒(méi)有值）。如需向變量賦值，請(qǐng)使用等號(hào)： carname="Volvo"; 不過(guò)，您也可以在聲明變量時(shí)對(duì)其賦值： var carname="Volvo"; 例子 在下面的例子中，我們創(chuàng)建了名為 carname 的變量，并向其賦值 "Volvo"，然后把它放入 id="demo" 的 HTML 段落中：

var carname="Volvo"; document.getElementById("demo").innerHTML=carname; 提示：一個(gè)好的編程習(xí)慣是，在代碼開(kāi)始處，統(tǒng)一對(duì)需要的變量進(jìn)行聲明。 一

17、條語(yǔ)句，多個(gè)變量 您可以在一條語(yǔ)句中聲明很多變量。該語(yǔ)句以 var 開(kāi)頭，并使用逗號(hào)分隔變量即可： var name="Gates", age=56, job="CEO"; 聲明也可橫跨多行： var name="Gates", age=56, job="CEO"; Value = undefined 在計(jì)算機(jī)程序中，經(jīng)常會(huì)聲明無(wú)值的變量。未使用值來(lái)聲明的變量，其值實(shí)際上是 undefined。 在執(zhí)行過(guò)以下語(yǔ)句后，變量 carname 的值將是 undefined： var carname; 重新聲明 JavaScript 變量 如果重新聲明 JavaScript 變

18、量，該變量的值不會(huì)丟失： 在以下兩條語(yǔ)句執(zhí)行后，變量 carname 的值依然是 "Volvo"： var carname="Volvo"; var carname; JavaScript 算數(shù) 您可以通過(guò) JavaScript 變量來(lái)做算數(shù)，使用的是 = 和 + 這類運(yùn)算符： 例子 y=5; x=y+2; JavaScript 算術(shù)運(yùn)算符 算術(shù)運(yùn)算符用于執(zhí)行變量與/或值之間的算術(shù)運(yùn)算。 給定?y=5，下面的表格解釋了這些算術(shù)運(yùn)算符： 運(yùn)算符 描述 例子 結(jié)果 + 加 x=y+2 x=7 - 減 x=y-2 x=3 * 乘 x=y*2

19、x=10 / 除 x=y/2 x=2.5 % 求余數(shù) (保留整數(shù)) x=y%2 x=1 ++ 累加 x=++y x=6 -- 遞減 x=--y x=4 JavaScript 賦值運(yùn)算符 賦值運(yùn)算符用于給 JavaScript 變量賦值。 給定?x=10?和?y=5，下面的表格解釋了賦值運(yùn)算符： 運(yùn)算符 例子 等價(jià)于 結(jié)果 = x=y ? x=5 += x+=y x=x+y x=15 -= x-=y x=x-y x=5 *= x*=y x=x*y x=50 /= x/=y x=x/y x=2 %= x%=y

20、 x=x%y x=0 用于字符串的 + 運(yùn)算符 + 運(yùn)算符用于把文本值或字符串變量加起來(lái)（連接起來(lái)）。 如需把兩個(gè)或多個(gè)字符串變量連接起來(lái)，請(qǐng)使用 + 運(yùn)算符。 txt1="What a very"; txt2="nice day"; txt3=txt1+txt2; 在以上語(yǔ)句執(zhí)行后，變量 txt3 包含的值是 "What a verynice day"。 要想在兩個(gè)字符串之間增加空格，需要把空格插入一個(gè)字符串之中： txt1="What a very "; txt2="nice day"; txt3=txt1+txt2; 或者把空格插入表達(dá)式中： txt1="W

21、hat a very"; txt2="nice day"; txt3=txt1+" "+txt2; 在以上語(yǔ)句執(zhí)行后，變量 txt3 包含的值是： "What a very nice day" 對(duì)字符串和數(shù)字進(jìn)行加法運(yùn)算 請(qǐng)看這些例子： x=5+5; document.write(x); x="5"+"5"; document.write(x); x=5+"5"; document.write(x); x="5"+5; document.write(x); 規(guī)則是： 如果把數(shù)字與字符串相加，結(jié)果將成為字符串。 JavaScript 比較和邏輯運(yùn)算符 比較和邏

22、輯運(yùn)算符用于測(cè)試 true 或 false。 比較運(yùn)算符 比較運(yùn)算符在邏輯語(yǔ)句中使用，以測(cè)定變量或值是否相等。 給定 x=5，下面的表格解釋了比較運(yùn)算符： 運(yùn)算符 描述 例子 == 等于 x==8 為 false === 全等（值和類型） x===5 為 true；x==="5" 為 false != 不等于 x!=8 為 true > 大于 x>8 為 false < 小于 x<8 為 true >= 大于或等于 x>=8 為 false <= 小于或等于 x<=8 為 true 如何使用 可以在條件語(yǔ)句中使用比較運(yùn)算符對(duì)值進(jìn)行比較，

23、然后根據(jù)結(jié)果來(lái)采取行動(dòng)： if (age<18) document.write("Too young"); 您將在本教程的下一節(jié)中學(xué)習(xí)更多有關(guān)條件語(yǔ)句的知識(shí)。 邏輯運(yùn)算符 邏輯運(yùn)算符用于測(cè)定變量或值之間的邏輯。 給定 x=6 以及 y=3，下表解釋了邏輯運(yùn)算符： 運(yùn)算符 描述 例子 && and (x < 10 && y > 1) 為 true || or (x==5 || y==5) 為 false ! not !(x==y) 為 true 條件運(yùn)算符 JavaScript 還包含了基于某些條件對(duì)變量進(jìn)行賦值的條件運(yùn)算符。 語(yǔ)法 variablena

24、me=(condition)?value1:value2? 例子 greeting=(visitor=="PRES")?"Dear President ":"Dear "; 如果變量 visitor 中的值是 "PRES"，則向變量 greeting 賦值 "Dear President "，否則賦值 "Dear"。 JavaScript 語(yǔ)句 主要包括條件語(yǔ)句、循環(huán)語(yǔ)句和函數(shù)語(yǔ)句 條件語(yǔ)句 主要有if語(yǔ)句、if else語(yǔ)句和switch語(yǔ)句等。If語(yǔ)句是最基本的條件語(yǔ)句，它的格式與C++是一樣的。 循環(huán)語(yǔ)句 包括for語(yǔ)句、while語(yǔ)句和do while語(yǔ)句等，還有用于

25、跳出循環(huán)的break語(yǔ)句，用于終止當(dāng)前循環(huán)并繼續(xù)執(zhí)行下一輪循環(huán)的continue語(yǔ)句，等等。For語(yǔ)句是使用頻率最高的循環(huán)語(yǔ)句，它的格式與C++類似。參考13-4html JavaScript 語(yǔ)句向?yàn)g覽器發(fā)出的命令。語(yǔ)句的作用是告訴瀏覽器該做什么。 下面的 JavaScript 語(yǔ)句向 id="demo" 的 HTML 元素輸出文本 "Hello World"： document.getElementById("demo").innerHTML="Hello World"; 分號(hào) ; 分號(hào)用于分隔 JavaScript 語(yǔ)句。 通常我們?cè)诿織l可執(zhí)行的語(yǔ)句結(jié)尾添加分號(hào)。使用分號(hào)的另

26、一用處是在一行中編寫(xiě)多條語(yǔ)句。 提示：您也可能看到不帶有分號(hào)的案例。在 JavaScript 中，用分號(hào)來(lái)結(jié)束語(yǔ)句是可選的。 JavaScript 代碼 JavaScript 代碼（或者只有 JavaScript）是 JavaScript 語(yǔ)句的序列。瀏覽器會(huì)按照編寫(xiě)順序來(lái)執(zhí)行每條語(yǔ)句。本例將操作兩個(gè) HTML 元素： 實(shí)例 document.getElementById("demo").innerHTML="Hello World"; document.getElementById("myDIV").innerHTML="How are you?"; JavaScript

27、代碼塊 JavaScript 語(yǔ)句通過(guò)代碼塊的形式進(jìn)行組合。塊由左花括號(hào)開(kāi)始，由右花括號(hào)結(jié)束。 塊的作用是使語(yǔ)句序列一起執(zhí)行。JavaScript 函數(shù)是將語(yǔ)句組合在塊中的典型例子。 下面的例子將運(yùn)行可操作兩個(gè) HTML 元素的函數(shù)： 實(shí)例 function myFunction() { document.getElementById("demo").innerHTML="Hello World"; document.getElementById("myDIV").innerHTML="How are you?"; } JavaScript 對(duì)大小寫(xiě)敏感。 JavaS

28、cript 對(duì)大小寫(xiě)是敏感的。 當(dāng)編寫(xiě) JavaScript 語(yǔ)句時(shí)，請(qǐng)留意是否關(guān)閉大小寫(xiě)切換鍵。函數(shù) getElementById 與 getElementbyID 是不同的。同樣，變量 myVariable 與 MyVariable 也是不同的。 空格 JavaScript 會(huì)忽略多余的空格。您可以向腳本添加空格，來(lái)提高其可讀性。下面的兩行代碼是等效的： var name="Hello"; var name = "Hello"; 對(duì)代碼行進(jìn)行折行 您可以在文本字符串中使用反斜杠對(duì)代碼行進(jìn)行換行。下面的例子會(huì)正確地顯示： document.write("Hello \ Wo

29、rld!"); 不過(guò)，您不能像這樣折行： document.write \ ("Hello World!"); 提示：JavaScript 是腳本語(yǔ)言。瀏覽器會(huì)在讀取代碼時(shí)，逐行地執(zhí)行腳本代碼。而對(duì)于傳統(tǒng)編程來(lái)說(shuō)，會(huì)在執(zhí)行前對(duì)所有代碼進(jìn)行編譯。 JavaScript 對(duì)象 JavaScript 中的所有事務(wù)都是對(duì)象：字符串、數(shù)字、數(shù)組、日期，等等。 在 JavaScript 中，對(duì)象是擁有屬性和方法的數(shù)據(jù)。 屬性和方法 屬性是與對(duì)象相關(guān)的值。 方法是能夠在對(duì)象上執(zhí)行的動(dòng)作。 舉例：汽車就是現(xiàn)實(shí)生活中的對(duì)象。 汽車的屬性： car.name=Fiat car.mode

30、l=500 car.weight=850kg car.color=white 汽車的方法： car.start() car.drive() car.brake() 汽車的屬性包括名稱、型號(hào)、重量、顏色等。所有汽車都有這些屬性，但是每款車的屬性都不盡相同。汽車的方法可以是啟動(dòng)、駕駛、剎車等。所有汽車都擁有這些方法，但是它們被執(zhí)行的時(shí)間都不盡相同。 JavaScript 中的對(duì)象 在 JavaScript 中，對(duì)象是數(shù)據(jù)（變量），擁有屬性和方法。當(dāng)您像這樣聲明一個(gè) JavaScript 變量時(shí)： var txt = "Hello"; 您實(shí)際上已經(jīng)創(chuàng)建了一個(gè) JavaScri

31、pt 字符串對(duì)象。字符串對(duì)象擁有內(nèi)建的屬性 length。對(duì)于上面的字符串來(lái)說(shuō)，length 的值是 5。字符串對(duì)象同時(shí)擁有若干個(gè)內(nèi)建的方法。 屬性： txt.length=5 方法： txt.indexOf() txt.replace() txt.search() 提示：在面向?qū)ο蟮恼Z(yǔ)言中，屬性和方法常被稱為對(duì)象的成員。 創(chuàng)建 JavaScript 對(duì)象 JavaScript 中的幾乎所有事務(wù)都是對(duì)象：字符串、數(shù)字、數(shù)組、日期、函數(shù)，等等。你也可以創(chuàng)建自己的對(duì)象。 本例創(chuàng)建名為 "person" 的對(duì)象，并為其添加了四個(gè)屬性： 實(shí)例 person=new Object

32、(); person.firstname="Bill"; person.lastname="Gates"; person.age=56; person.eyecolor="blue"; 創(chuàng)建新 JavaScript 對(duì)象有很多不同的方法，并且您還可以向已存在的對(duì)象添加屬性和方法。 訪問(wèn)對(duì)象的屬性 訪問(wèn)對(duì)象屬性的語(yǔ)法是： objectName.propertyName 本例使用 String 對(duì)象的 length 屬性來(lái)查找字符串的長(zhǎng)度： var message="Hello World!"; var x=message.length; 在以上代碼執(zhí)行后，x 的值

33、是：12 訪問(wèn)對(duì)象的方法 您可以通過(guò)下面的語(yǔ)法調(diào)用方法： objectName.methodName() 這個(gè)例子使用 String 對(duì)象的 toUpperCase() 方法來(lái)把文本轉(zhuǎn)換為大寫(xiě)： var message="Hello world!"; var x=message.toUpperCase(); 在以上代碼執(zhí)行后，x 的值是： HELLO WORLD! 您知道嗎？ 提示：在面向?qū)ο蟮恼Z(yǔ)言中，使用 camel-case 標(biāo)記法的函數(shù)是很常見(jiàn)的。您會(huì)經(jīng)?？吹?someMethod() 這樣的函數(shù)名，而不是 some_method()。 JavaScript 函數(shù)

34、 函數(shù)是由事件驅(qū)動(dòng)的或者當(dāng)它被調(diào)用時(shí)執(zhí)行的可重復(fù)使用的代碼塊。 實(shí)例 點(diǎn)擊這里 JavaScript 函數(shù)語(yǔ)法 函數(shù)就是包裹在花括號(hào)中的代碼塊，前面使用了關(guān)鍵詞 function： function functionnam

35、e() {這里是要執(zhí)行的代碼} 當(dāng)調(diào)用該函數(shù)時(shí)，會(huì)執(zhí)行函數(shù)內(nèi)的代碼。可以在某事件發(fā)生時(shí)直接調(diào)用函數(shù)（比如當(dāng)用戶點(diǎn)擊按鈕時(shí)），并且可由 JavaScript 在任何位置進(jìn)行調(diào)用。提示：JavaScript 對(duì)大小寫(xiě)敏感。關(guān)鍵詞 function 必須是小寫(xiě)的，并且必須以與函數(shù)名稱相同的大小寫(xiě)來(lái)調(diào)用函數(shù)。 調(diào)用帶參數(shù)的函數(shù) 在調(diào)用函數(shù)時(shí)，您可以向其傳遞值，這些值被稱為參數(shù)。 這些參數(shù)可以在函數(shù)中使用。 您可以發(fā)送任意多的參數(shù)，由逗號(hào) (,) 分隔： myFunction(argument1,argument2) 當(dāng)您聲明函數(shù)時(shí)，請(qǐng)把參數(shù)作為變量來(lái)聲明： function myFu

36、nction(var1,var2) {這里是要執(zhí)行的代碼} 變量和參數(shù)必須以一致的順序出現(xiàn)。第一個(gè)變量就是第一個(gè)被傳遞的參數(shù)的給定的值，以此類推。 實(shí)例 點(diǎn)擊這里 上面的函數(shù)會(huì)當(dāng)按鈕被點(diǎn)擊時(shí)提示 "Welcome Bill Gates, the CEO"。 函數(shù)很

37、靈活，您可以使用不同的參數(shù)來(lái)調(diào)用該函數(shù)，這樣就會(huì)給出不同的消息： 實(shí)例 點(diǎn)擊這里 點(diǎn)擊這里 根據(jù)您點(diǎn)擊的不同的按鈕，上面的例子會(huì)提示 "Welcome Harry Potter, the Wizard" 或 "Welcome Bob, the Builder"。 帶有返回值的函數(shù) 有時(shí)，我們會(huì)希望函數(shù)將值返回調(diào)用它的地方。通過(guò)使用 return

38、語(yǔ)句就可以實(shí)現(xiàn)。在使用 return 語(yǔ)句時(shí)，函數(shù)會(huì)停止執(zhí)行，并返回指定的值。語(yǔ)法 function myFunction() { var x=5; return x; } 上面的函數(shù)會(huì)返回值 5。 注釋：整個(gè) JavaScript 并不會(huì)停止執(zhí)行，僅僅是函數(shù)。JavaScript 將繼續(xù)執(zhí)行代碼，從調(diào)用函數(shù)的地方。函數(shù)調(diào)用將被返回值取代： var myVar=myFunction(); myVar 變量的值是 5，也就是函數(shù) "myFunction()" 所返回的值。 即使不把它保存為變量，您也可以使用返回值： document.getElementById("demo

39、").innerHTML=myFunction(); "demo" 元素的 innerHTML 將成為 5，也就是函數(shù) "myFunction()" 所返回的值。 您可以使返回值基于傳遞到函數(shù)中的參數(shù)： 實(shí)例 計(jì)算兩個(gè)數(shù)字的乘積，并返回結(jié)果： function myFunction(a,b) { return a*b; } document.getElementById("demo").innerHTML=myFunction(4,3); "demo" 元素的 innerHTML 將是：12 在您僅僅希望退出函數(shù)時(shí) ，也可使用 return 語(yǔ)句。返回值是可選的：

40、function myFunction(a,b) { if (a>b) { return; } x=a+b } 如果 a 大于 b，則上面的代碼將退出函數(shù)，并不會(huì)計(jì)算 a 和 b 的總和。 局部 JavaScript 變量 在 JavaScript 函數(shù)內(nèi)部聲明的變量（使用 var）是局部變量，所以只能在函數(shù)內(nèi)部訪問(wèn)它。（該變量的作用域是局部的）。 您可以在不同的函數(shù)中使用名稱相同的局部變量，因?yàn)橹挥新暶鬟^(guò)該變量的函數(shù)才能識(shí)別出該變量。只要函數(shù)運(yùn)行完畢，本地變量就會(huì)被刪除。 全局 JavaScript 變量 在函數(shù)外聲明的變量是全局變量，網(wǎng)頁(yè)上的所有腳本和

41、函數(shù)都能訪問(wèn)它。 JavaScript 變量的生存期 JavaScript 變量的生命期從它們被聲明的時(shí)間開(kāi)始。 局部變量會(huì)在函數(shù)運(yùn)行以后被刪除。 全局變量會(huì)在頁(yè)面關(guān)閉后被刪除。 向未聲明的 JavaScript 變量來(lái)分配值 如果您把值賦給尚未聲明的變量，該變量將被自動(dòng)作為全局變量聲明。 這條語(yǔ)句： carname="Volvo"; 將聲明一個(gè)全局變量 carname，即使它在函數(shù)內(nèi)執(zhí)行。 JavaScript If...Else 語(yǔ)句 條件語(yǔ)句用于基于不同的條件來(lái)執(zhí)行不同的動(dòng)作。 條件語(yǔ)句 通常在寫(xiě)代碼時(shí)，您總是需要為不同的決定來(lái)執(zhí)行不同的動(dòng)作。您可以在代碼中使用

42、條件語(yǔ)句來(lái)完成該任務(wù)。在 JavaScript 中，我們可使用以下條件語(yǔ)句： if 語(yǔ)句?- 只有當(dāng)指定條件為 true 時(shí)，使用該語(yǔ)句來(lái)執(zhí)行代碼 if...else 語(yǔ)句?- 當(dāng)條件為 true 時(shí)執(zhí)行代碼，當(dāng)條件為 false 時(shí)執(zhí)行其他代碼 if...else if....else 語(yǔ)句?- 使用該語(yǔ)句來(lái)選擇多個(gè)代碼塊之一來(lái)執(zhí)行 switch 語(yǔ)句?- 使用該語(yǔ)句來(lái)選擇多個(gè)代碼塊之一來(lái)執(zhí)行 If 語(yǔ)句 只有當(dāng)指定條件為 true 時(shí)，該語(yǔ)句才會(huì)執(zhí)行代碼。 語(yǔ)法 if (條件) {只有當(dāng)條件為 true 時(shí)執(zhí)行的代碼 } 注意：請(qǐng)使用小寫(xiě)的 if。使用大寫(xiě)字母（IF

43、）會(huì)生成 JavaScript 錯(cuò)誤！實(shí)例 當(dāng)事件小于 20:00 時(shí)，生成一個(gè)“Good day”問(wèn)候： if (time<20) {x="Good day";} x 的結(jié)果是：Good day 請(qǐng)注意，在這個(gè)語(yǔ)法中，沒(méi)有 ..else..。您已經(jīng)告訴瀏覽器只有在指定條件為 true 時(shí)才執(zhí)行代碼。 If...else 語(yǔ)句 請(qǐng)使用 if....else 語(yǔ)句在條件為 true 時(shí)執(zhí)行代碼，在條件為 false 時(shí)執(zhí)行其他代碼。 語(yǔ)法 if (條件) {當(dāng)條件為 true 時(shí)執(zhí)行的代碼} else {當(dāng)條件不為 true 時(shí)執(zhí)行的代碼} 實(shí)例 當(dāng)時(shí)

44、間小于 20:00 時(shí)，將得到問(wèn)候 "Good day"，否則將得到問(wèn)候 "Good evening"。 if (time<20) { x="Good day"; } else { x="Good evening"; } x 的結(jié)果是： Good day If...else if...else 語(yǔ)句 使用 if....else if...else 語(yǔ)句來(lái)選擇多個(gè)代碼塊之一來(lái)執(zhí)行。 語(yǔ)法 if (條件 1) {當(dāng)條件 1 為 true 時(shí)執(zhí)行的代碼} else if (條件 2) {當(dāng)條件 2 為 true 時(shí)執(zhí)行的代碼}

45、else {當(dāng)條件 1 和 條件 2 都不為 true 時(shí)執(zhí)行的代碼} 實(shí)例 如果時(shí)間小于 10:00，則將發(fā)送問(wèn)候 "Good morning"，否則如果時(shí)間小于 20:00，則發(fā)送問(wèn)候 "Good day"，否則發(fā)送問(wèn)候 "Good evening"： if (time<10) { x="Good morning"; } else if (time<20) { x="Good day"; } else { x="Good evening"; } x 的結(jié)果是： Good day JavaScript Switc

46、h 語(yǔ)句 switch 語(yǔ)句用于基于不同的條件來(lái)執(zhí)行不同的動(dòng)作。 JavaScript Switch 語(yǔ)句 請(qǐng)使用 switch 語(yǔ)句來(lái)選擇要執(zhí)行的多個(gè)代碼塊之一。 語(yǔ)法 switch(n) { case 1: 執(zhí)行代碼塊 1 break; case 2: 執(zhí)行代碼塊 2 break; default: n 與 case 1 和 case 2 不同時(shí)執(zhí)行的代碼 } 工作原理：首先設(shè)置表達(dá)式 n（通常是一個(gè)變量）。隨后表達(dá)式的值會(huì)與結(jié)構(gòu)中的每個(gè) case 的值做比較。如果存在匹配，則與該 case 關(guān)聯(lián)的代碼塊會(huì)被執(zhí)行。請(qǐng)使用?break?來(lái)阻

47、止代碼自動(dòng)地向下一個(gè) case 運(yùn)行。 實(shí)例 顯示今日的周名稱。請(qǐng)注意 Sunday=0, Monday=1, Tuesday=2, 等等：

點(diǎn)擊下面的按鈕來(lái)顯示今天是周幾：

點(diǎn)擊這里

x 的結(jié)果： Today it's Wednesday default 關(guān)鍵詞 請(qǐng)使用 default 關(guān)鍵詞來(lái)規(guī)定匹配不存在時(shí)做的事情： 實(shí)例 如果今天不是周六或周日，則會(huì)輸出默認(rèn)的消息：

點(diǎn)擊下面的按鈕，會(huì)顯示出基于今日日期的消息：

點(diǎn)擊這里

x 的結(jié)果： Looking forward to the Weekend JavaScript For 循環(huán) 循環(huán)可以將代碼塊執(zhí)行指定的次數(shù)。 JavaScript 循環(huán) 如果您希望一遍又一遍地運(yùn)行相同的代碼，并且每次的值都不同，那么使用循環(huán)是很方便的。 我們可以這樣輸出數(shù)組的值： document.write(cars[0] + "
"); document.write(cars[1] + "
"); doc

52、ument.write(cars[2] + "
"); document.write(cars[3] + "
"); document.write(cars[4] + "
"); document.write(cars[5] + "
"); 不過(guò)通常我們這樣寫(xiě)： for (var i=0;i"); } 不同類型的循環(huán) JavaScript 支持不同類型的循環(huán)： for?- 循環(huán)代碼塊一定的次數(shù) for/in?- 循環(huán)遍歷對(duì)象的屬性 while

53、?- 當(dāng)指定的條件為 true 時(shí)循環(huán)指定的代碼塊 do/while?- 同樣當(dāng)指定的條件為 true 時(shí)循環(huán)指定的代碼塊 For 循環(huán) for 循環(huán)是您在希望創(chuàng)建循環(huán)時(shí)常會(huì)用到的工具。 下面是 for 循環(huán)的語(yǔ)法： for (語(yǔ)句 1; 語(yǔ)句 2; 語(yǔ)句 3) {被執(zhí)行的代碼塊} 語(yǔ)句 1?在循環(huán)（代碼塊）開(kāi)始前執(zhí)行 語(yǔ)句 2?定義運(yùn)行循環(huán)（代碼塊）的條件 語(yǔ)句 3?在循環(huán)（代碼塊）已被執(zhí)行之后執(zhí)行 實(shí)例 for (var i=0; i>5; i++) {x=x + "The number is " + i + "
";} 從什么的例子中，您可以看

54、到： Statement 1 在循環(huán)開(kāi)始之前設(shè)置變量 (var i=0)。 Statement 2 定義循環(huán)運(yùn)行的條件（i 必須小于 5）。 Statement 3 在每次代碼塊已被執(zhí)行后增加一個(gè)值 (i++)。 語(yǔ)句 1 通常我們會(huì)使用語(yǔ)句 1 初始化循環(huán)中所用的變量 (var i=0)。語(yǔ)句 1 是可選的，也就是說(shuō)不使用語(yǔ)句 1 也可以。您可以在語(yǔ)句 1 中初始化任意（或者多個(gè)）值： 實(shí)例: for (var i=0,len=cars.length; i>len; i++) {document.write(cars[i] + "
");} 同時(shí)您還可以省略語(yǔ)句 1（

55、比如在循環(huán)開(kāi)始前已經(jīng)設(shè)置了值時(shí)）： 實(shí)例: var i=2,len=cars.length; for (; i>len; i++) { document.write(cars[i] + "
"); } 語(yǔ)句 2 通常語(yǔ)句 2 用于評(píng)估初始變量的條件。語(yǔ)句 2 同樣是可選的。如果語(yǔ)句 2 返回 true，則循環(huán)再次開(kāi)始，如果返回 false，則循環(huán)將結(jié)束。提示：如果您省略了語(yǔ)句 2，那么必須在循環(huán)內(nèi)提供?break。否則循環(huán)就無(wú)法停下來(lái)。這樣有可能令瀏覽器崩潰。 語(yǔ)句 3 通常語(yǔ)句 3 會(huì)增加初始變量的值。語(yǔ)句 3 也是可選的。語(yǔ)句 3 有多種用法。增量可以是負(fù)數(shù) (i

56、--)，或者更大 (i=i+15)。語(yǔ)句 3 也可以省略（比如當(dāng)循環(huán)內(nèi)部有相應(yīng)的代碼時(shí)）： 實(shí)例: var i=0,len=cars.length; for (; i>len; ) { document.write(cars[i] + "
"); i++; } For/In 循環(huán) JavaScript for/in 語(yǔ)句循環(huán)遍歷對(duì)象的屬性： 實(shí)例 var person={fname:"John",lname:"Doe",age:25}; for (x in person) { txt=txt + person[x]; } JavaScrip

57、t While 循環(huán) 只要指定條件為 true，循環(huán)就可以一直執(zhí)行代碼。 while 循環(huán) While 循環(huán)會(huì)在指定條件為真時(shí)循環(huán)執(zhí)行代碼塊。 語(yǔ)法 while (條件) {需要執(zhí)行的代碼} 實(shí)例 本例中的循環(huán)將繼續(xù)運(yùn)行，只要變量 i 小于 5： while (i<5) {x=x + "The number is " + i + "
";i++;} 提示：如果您忘記增加條件中所用變量的值，該循環(huán)永遠(yuǎn)不會(huì)結(jié)束。該可能導(dǎo)致瀏覽器崩潰。 do/while 循環(huán) do/while 循環(huán)是 while 循環(huán)的變體。該循環(huán)會(huì)執(zhí)行一次代碼塊，在檢查條件是否為真之前

58、，然后如果條件為真的話，就會(huì)重復(fù)這個(gè)循環(huán)。 語(yǔ)法 do {需要執(zhí)行的代碼} while (條件); 實(shí)例 下面的例子使用 do/while 循環(huán)。該循環(huán)至少會(huì)執(zhí)行一次，即使條件是 false，隱藏代碼塊會(huì)在條件被測(cè)試前執(zhí)行： do {x=x + "The number is " + i + "
";i++;} while (i<5); 別忘記增加條件中所用變量的值，否則循環(huán)永遠(yuǎn)不會(huì)結(jié)束！ 比較 for 和 while 如果您已經(jīng)閱讀了前面那一章關(guān)于 for 循環(huán)的內(nèi)容，您會(huì)發(fā)現(xiàn) while 循環(huán)與 for 循環(huán)很像。 for 語(yǔ)句實(shí)例 本例中的循環(huán)

59、使用 for 循環(huán)來(lái)顯示 cars 數(shù)組中的所有值： cars=["BMW","Volvo","Saab","Ford"]; var i=0; for (;cars[i];) {document.write(cars[i] + "
");i++;} while 語(yǔ)句實(shí)例 本例中的循環(huán)使用使用 while 循環(huán)來(lái)顯示 cars 數(shù)組中的所有值： cars=["BMW","Volvo","Saab","Ford"]; var i=0; while (cars[i]) {document.write(cars[i] + "
");i++;} JavaSc

60、ript Break 和 Continue 語(yǔ)句 break 語(yǔ)句用于跳出循環(huán)。 continue 用于跳過(guò)循環(huán)中的一個(gè)迭代。 Break 語(yǔ)句 我們已經(jīng)在本教程稍早的章節(jié)中見(jiàn)到過(guò) break 語(yǔ)句。它用于跳出 switch() 語(yǔ)句。 break 語(yǔ)句可用于跳出循環(huán)。break 語(yǔ)句跳出循環(huán)后，會(huì)繼續(xù)執(zhí)行該循環(huán)之后的代碼（如果有的話）： 實(shí)例 for (i=0;i<10;i++) { if (i==3) { break; } x=x + "The number is " + i + "
"; } 由于這個(gè) if

61、語(yǔ)句只有一行代碼，所以可以省略花括號(hào)： for (i=0;i<10;i++) { if (i==3) break; x=x + "The number is " + i + "
"; } Continue 語(yǔ)句 continue 語(yǔ)句中斷循環(huán)中的迭代，如果出現(xiàn)了指定的條件，然后繼續(xù)循環(huán)中的下一個(gè)迭代。 該例子跳過(guò)了值 3： 實(shí)例 for (i=0;i<=10;i++) { if (i==3) continue; x=x + "The number is " + i + "
"; } JavaScript 標(biāo)簽 正如您在

62、 switch 語(yǔ)句那一章中看到的，可以對(duì) JavaScript 語(yǔ)句進(jìn)行標(biāo)記。如需標(biāo)記 JavaScript 語(yǔ)句，請(qǐng)?jiān)谡Z(yǔ)句之前加上冒號(hào)： label: 語(yǔ)句 break 和 continue 語(yǔ)句僅僅是能夠跳出代碼塊的語(yǔ)句。 語(yǔ)法 break labelname; continue labelname; continue 語(yǔ)句（帶有或不帶標(biāo)簽引用）只能用在循環(huán)中。 break 語(yǔ)句（不帶標(biāo)簽引用），只能用在循環(huán)或 switch 中。 通過(guò)標(biāo)簽引用，break 語(yǔ)句可用于跳出任何 JavaScript 代碼塊： 實(shí)例 cars=["BMW","Volvo","Saab"

63、,"Ford"]; list: { document.write(cars[0] + "
"); document.write(cars[1] + "
"); document.write(cars[2] + "
"); break list; document.write(cars[3] + "
"); document.write(cars[4] + "
"); document.write(cars[5] + "
"); } JavaScript 錯(cuò)誤 - Throw、Try 和 Catch try?語(yǔ)句測(cè)試代碼塊的錯(cuò)誤

64、。 catch?語(yǔ)句處理錯(cuò)誤。 throw?語(yǔ)句創(chuàng)建自定義錯(cuò)誤。 錯(cuò)誤一定會(huì)發(fā)生 當(dāng) JavaScript 引擎執(zhí)行 JavaScript 代碼時(shí)，會(huì)發(fā)生各種錯(cuò)誤： 1、可能是語(yǔ)法錯(cuò)誤，通常是程序員造成的編碼錯(cuò)誤或錯(cuò)別字。 2、可能是拼寫(xiě)錯(cuò)誤或語(yǔ)言中缺少的功能（可能由于瀏覽器差異）。 3、可能是由于來(lái)自服務(wù)器或用戶的錯(cuò)誤輸出而導(dǎo)致的錯(cuò)誤。 當(dāng)然，也可能是由于許多其他不可預(yù)知的因素。 JavaScript 拋出錯(cuò)誤 當(dāng)錯(cuò)誤發(fā)生時(shí)，當(dāng)事情出問(wèn)題時(shí)，JavaScript 引擎通常會(huì)停止，并生成一個(gè)錯(cuò)誤消息。描述這種情況的技術(shù)術(shù)語(yǔ)是：JavaScript 將拋出一個(gè)錯(cuò)誤。 Jav

65、aScript 測(cè)試和捕捉 try?語(yǔ)句允許我們定義在執(zhí)行時(shí)進(jìn)行錯(cuò)誤測(cè)試的代碼塊。 catch?語(yǔ)句允許我們定義當(dāng) try 代碼塊發(fā)生錯(cuò)誤時(shí)，所執(zhí)行的代碼塊。 JavaScript 語(yǔ)句?try?和?catch?是成對(duì)出現(xiàn)的。 語(yǔ)法 try { //在這里運(yùn)行代碼 } catch(err) { //在這里處理錯(cuò)誤} 實(shí)例 在下面的例子中，我們故意在 try 塊的代碼中寫(xiě)了一個(gè)錯(cuò)字。 catch 塊會(huì)捕捉到 try 塊中的錯(cuò)誤，并執(zhí)行代碼來(lái)處理它。 Throw 語(yǔ)句 throw 語(yǔ)句允許我們創(chuàng)建自定義錯(cuò)誤。正確的技術(shù)術(shù)語(yǔ)是：創(chuàng)建或拋出異常（exception）。 如果把 throw 與 try 和 catch 一起使用，那么您能夠控制程序流，并生成自定義的錯(cuò)誤消息。 語(yǔ)法 throw exception 異?？梢?/p>