JavaScript基礎(chǔ)教程.doc

javascript基礎(chǔ)教程這是一個(gè)JavaScript的基本教程，它從零開(kāi)始說(shuō)起，為大家提供逐步的學(xué)習(xí)過(guò)程！本教程為未接觸過(guò) JavaScript 的讀者提供了比較完善的初級(jí)知識(shí)，但只限于初級(jí)知識(shí)：所有與動(dòng)態(tài)網(wǎng)頁(yè)密切相關(guān)的 JavaScript 在本教程中都未提及，包括動(dòng)態(tài)定位、動(dòng)畫(huà)、讓文檔接收更多事件(document.captureEvent()等；所有在 IE 及 Netscape 中有不同的 JavaScript 都盡少提及。JavaScipt基本教程之前言JavaScript 參考教程 本教程為未接觸過(guò) JavaScript 的讀者提供了比較完善的初級(jí)知識(shí)，但只限于初級(jí)知識(shí)：所有與動(dòng)態(tài)網(wǎng)頁(yè)密切相關(guān)的 JavaScript 在本教程中都未提及，包括動(dòng)態(tài)定位、動(dòng)畫(huà)、讓文檔接收更多事件(document.captureEvent()等；所有在 IE 及 Netscape 中有不同的 JavaScript 都盡少提及。本教程在結(jié)構(gòu)上設(shè)計(jì)的比較像一個(gè)參考(reference)，有參考的規(guī)劃性，但又有教程的性質(zhì)，所以我把它叫做“參考教程”。本教程不面向連 HTML 都沒(méi)有學(xué)好的讀者。本教程中會(huì)多次提到有關(guān) HTML 的內(nèi)容，并不會(huì)對(duì)這些 HTML 的知識(shí)做講解。未接觸過(guò) JavaScript 的讀者看完此教程應(yīng)該對(duì) JavaScript 有比較深的掌握。接觸過(guò) JavaScript 的讀者可以當(dāng)此教程為參考來(lái)用。本教程對(duì) JavaScript 的基礎(chǔ)有比較詳細(xì)的講述，對(duì)如對(duì)象、事件之類(lèi)比較深入的知識(shí)則講述得比較淺易，型如參考。如果讀者有一定的理解能力和消化能力，相信在掌握了基礎(chǔ)部分后，在學(xué)習(xí)進(jìn)階的章節(jié)時(shí)不會(huì)遇到什么困難。本教程所用的參考式結(jié)構(gòu)，使教程看起來(lái)很統(tǒng)一在講述語(yǔ)句的時(shí)候，對(duì)語(yǔ)句以外的任何知識(shí)只字不提；在講述對(duì)象的時(shí)候，又對(duì)對(duì)象以外的任何知識(shí)只字不提。如果你想快速學(xué)會(huì) JavaScript，你可能要掌握“跳章學(xué)習(xí)”的方法。左邊可以看到本教程整個(gè)結(jié)構(gòu)樹(shù)?？梢钥吹焦卜?5 章，前兩章是基礎(chǔ)知識(shí)，第三第四章是進(jìn)階知識(shí)對(duì)象，第五章是針對(duì)兩個(gè)對(duì)象框架和 Cookie 進(jìn)行詳細(xì)的講解，作為第三第四章中內(nèi)容的補(bǔ)充。理解能力不好或者依賴(lài)性強(qiáng)的讀者可能學(xué)到 JavaScript 的核心對(duì)象化編程時(shí)會(huì)覺(jué)得力不從心，因?yàn)樗鼈儾涣?xí)慣這種參考式的文章；急于求成的讀者可能對(duì)本教程非常統(tǒng)一的參考式結(jié)構(gòu)覺(jué)得厭惡，因?yàn)樗麄儽仨殞W(xué)到第三第四章才可以做一個(gè)小小的 JavaScript。本教程缺乏例子。讀者要有很強(qiáng)的“悟性”和很愿意自己去實(shí)踐，才可以很好的掌握 JavaScript。本教程的作者M(jìn)icro.只此一人，偉大嗎？除了我，還有兩本 JavaScript 的書(shū)，一本是 JS 1.1 教程，但是本教程編了不久書(shū)被別人借去了；另一本是很淺的參考，如果照搬，大家都不會(huì)明白說(shuō)了什么。還有兩個(gè)瀏覽器，用來(lái)實(shí)踐；還有英文版的 JavaScript 參考、教程，來(lái)自 MSDN 和 Netscape 網(wǎng)。還有一個(gè)腦，兩只手，一臺(tái)電腦JavaScript 有什么特點(diǎn)JavaScript 使網(wǎng)頁(yè)增加互動(dòng)性。JavaScript 使有規(guī)律地重復(fù)的HTML文段簡(jiǎn)化，減少下載時(shí)間。JavaScript 能及時(shí)響應(yīng)用戶(hù)的操作，對(duì)提交表單做即時(shí)的檢查，無(wú)需浪費(fèi)時(shí)間交由 CGI 驗(yàn)證。JavaScript 的特點(diǎn)是無(wú)窮無(wú)盡的，只要你有創(chuàng)意。Java 與 JavaScript 有什么不同很多人看到 Java 和 JavaScript 都有“Java”四個(gè)字，就以為它們是同一樣?xùn)|西，連我自己當(dāng)初也是這樣。其實(shí)它們是完完全全不同的兩種東西。Java，全稱(chēng)應(yīng)該是 Java Applet，是嵌在網(wǎng)頁(yè)中，而又有自己獨(dú)立的運(yùn)行窗口的小程序。Java Applet 是預(yù)先編譯好的，一個(gè) Applet 文件（.class）用 Notepad 打開(kāi)閱讀，根本不能理解。Java Applet 的功能很強(qiáng)大，可以訪問(wèn) http、ftp等協(xié)議，甚至可以在電腦上種病毒（已有先例了）。相比之下，JavaScript 的能力就比較小了。JavaScript 是一種“腳本”（“Script”），它直接把代碼寫(xiě)到 HTML 文檔中，瀏覽器讀取它們的時(shí)候才進(jìn)行編譯、執(zhí)行，所以能查看 HTML 源文件就能查看JavaScript 源代碼。JavaScript 沒(méi)有獨(dú)立的運(yùn)行窗口，瀏覽器當(dāng)前窗口就是它的運(yùn)行窗口。它們的相同點(diǎn)，我想只有同是以 Java 作編程語(yǔ)言一點(diǎn)了。開(kāi)發(fā) JavaScript 該用什么軟件一個(gè) JavaScript 程序其實(shí)是一個(gè)文檔，一個(gè)文本文件。它是嵌入到 HTML 文檔中的。所以，任何可以編寫(xiě) HTML 文檔的軟件都可以用來(lái)開(kāi)發(fā) JavaScript。在此我推薦大家用 FrontPage 2000 附帶的 Microsoft 腳本編輯器（在 FrontPage 菜單 | 工具 | 宏 | Microsoft 腳本編輯器）。它是個(gè)像 Visual Basic / C+ 一樣的程序開(kāi)發(fā)器，能對(duì)正在輸入的語(yǔ)句作出簡(jiǎn)要提示。配合 FrontPage 2000，使工作量大大減少。JavaScipt基本教程之JavaScript語(yǔ)言的基礎(chǔ)在什么地方插入 JavaScriptJavaScript 可以出現(xiàn)在 HTML 的任意地方。使用標(biāo)記，你可以在 HTML 文檔的任意地方插入 JavaScript，甚至在之前插入也不成問(wèn)題。不過(guò)如果要在聲明框架的網(wǎng)頁(yè)（框架網(wǎng)頁(yè)）中插入，就一定要在之前插入，否則不會(huì)運(yùn)行。基本格式 第二行和第四行的作用，是讓不懂標(biāo)記的瀏覽器忽略 JavaScript 代碼。一般可以省略，因?yàn)楝F(xiàn)在想找不懂 Script 的瀏覽器，恐怕就連博物館里也沒(méi)有了。第四行前邊的雙反斜杠“/”是 JavaScript 里的注釋標(biāo)號(hào)，以后將學(xué)到。另外一種插入 JavaScript 的方法，是把 JavaScript 代碼寫(xiě)到另一個(gè)文件當(dāng)中（此文件通常應(yīng)該用“.js”作擴(kuò)展名），然后用格式為“”的標(biāo)記把它嵌入到文檔中。注意，一定要用“”標(biāo)記。參考 標(biāo)記還有一個(gè)屬性：language（縮寫(xiě)lang），說(shuō)明腳本使用的語(yǔ)言。對(duì)于 JavaScript，請(qǐng)用“l(fā)anguage=JavaScript”。參考 相對(duì)于標(biāo)記，還有一個(gè)標(biāo)記。標(biāo)記所包含的，是服務(wù)器端（Server Side）的腳本。本教程只討論客戶(hù)器端（Client Side）的 JavaScript，也就是用標(biāo)記包含的腳本。如果想在瀏覽器的“地址”欄中執(zhí)行 JavaScript 語(yǔ)句，用這樣的格式：javascript:這樣的格式也可以用在連接中：a href=javascript:.JavaScript 基本語(yǔ)法每一句 JavaScript 都有類(lèi)似于以下的格式：;其中分號(hào)“;”是 JavaScript 語(yǔ)言作為一個(gè)語(yǔ)句結(jié)束的標(biāo)識(shí)符。雖然現(xiàn)在很多瀏覽器都允許用回車(chē)充當(dāng)結(jié)束符號(hào)，培養(yǎng)用分號(hào)作結(jié)束的習(xí)慣仍然是很好的。語(yǔ)句塊 語(yǔ)句塊是用大括號(hào)“ ”括起來(lái)的一個(gè)或 n 個(gè)語(yǔ)句。在大括號(hào)里邊是幾個(gè)語(yǔ)句，但是在大括號(hào)外邊，語(yǔ)句塊是被當(dāng)作一個(gè)語(yǔ)句的。語(yǔ)句塊是可以嵌套的，也就是說(shuō)，一個(gè)語(yǔ)句塊里邊可以再包含一個(gè)或多個(gè)語(yǔ)句塊。JavaScript 中的變量什么是變量 從字面上看，變量是可變的量；從編程角度講，變量是用于存儲(chǔ)某種/某些數(shù)值的存儲(chǔ)器。所儲(chǔ)存的值，可以是數(shù)字、字符或其他的一些東西。變量的命名 變量的命名有以下要求：只包含字母、數(shù)字和/或下劃線；要以字母開(kāi)頭；不能太長(zhǎng)（其實(shí)有什么人喜歡使用又長(zhǎng)又臭的名字呢？）；不能與 JavaScript 保留字（Key Words，Reserved Words，數(shù)量繁多，不能一一列出；凡是可以用來(lái)做 JavaScript 命令的字都是保留字）重復(fù)。 而且，變量是區(qū)分大小寫(xiě)的，例如，variable 和 Variable 是兩個(gè)不同的變量。不僅如此，大部分命令和“對(duì)象”（請(qǐng)參閱“對(duì)象化編程”章）都是區(qū)分大小寫(xiě)的。 提示 給變量命名，最好避免用單個(gè)字母“a”“b”“c”等，而改用能清楚表達(dá)該變量在程序中的作用的詞語(yǔ)。這樣，不僅別人能更容易的了解你的程序，而且你在以后要修改程序的時(shí)候，也很快會(huì)記得該變量的作用。變量名一般用小寫(xiě)，如果是由多個(gè)單詞組成的，那么第一個(gè)單詞用小寫(xiě)，其他單詞的第一個(gè)字母用大寫(xiě)。例如：myVariable 和 myAnotherVariable。這樣做僅僅是為了美觀和易讀，因?yàn)?JavaScript 一些命令（以后將用更具體的方法闡述“命令”一詞）都是用這種方法命名的：indexOf；charAt 等等。變量需要聲明 沒(méi)有聲明的變量不能使用，否則會(huì)出錯(cuò)：“未定義”。聲明變量可以用：var = ;var 我們接觸的第一個(gè)關(guān)鍵字（即保留字）。這個(gè)關(guān)鍵字用作聲明變量。最簡(jiǎn)單的聲明方法就是“var ;”，這將為準(zhǔn)備內(nèi)存，給它賦初始值“null”。如果加上“= ”，則給賦予自定的初始值。數(shù)據(jù)類(lèi)型 變量可以用的數(shù)據(jù)類(lèi)型有：整型 只能儲(chǔ)存整數(shù)?？梢允钦麛?shù)、0、負(fù)整數(shù)，可以是十進(jìn)制、八進(jìn)制、十六進(jìn)制。八進(jìn)制數(shù)的表示方法是在數(shù)字前加“0”，如“0123”表示八進(jìn)制數(shù)“123”。十六進(jìn)制則是加“0x”：“0xEF”表示十六進(jìn)制數(shù)“EF”。浮點(diǎn)型 即“實(shí)型”，能儲(chǔ)存小數(shù)。有資料顯示，某些平臺(tái)對(duì)浮點(diǎn)型變量的支持不穩(wěn)定。沒(méi)有需要就不要用浮點(diǎn)型。字符串型 是用引號(hào)“ ”、“ ”包起來(lái)的零個(gè)至多個(gè)字符。用單引號(hào)還是雙引號(hào)由你決定。跟語(yǔ)文一樣，用哪個(gè)引號(hào)開(kāi)始就用哪個(gè)結(jié)束，而且單雙引號(hào)可嵌套使用：這里是JavaScript 教程。 不過(guò)跟語(yǔ)文不同的是，JavaScript 中引號(hào)的嵌套只能有一層。如果想再多嵌一些，你需要轉(zhuǎn)義字符：轉(zhuǎn)義字符 由于一些字符在屏幕上不能顯示，或者 JavaScript 語(yǔ)法上已經(jīng)有了特殊用途，在要用這些字符時(shí)，就要使用“轉(zhuǎn)義字符”。轉(zhuǎn)義字符用斜杠“”開(kāi)頭： 單引號(hào)、 雙引號(hào)、n 換行符、r 回車(chē)（以上只列出常用的轉(zhuǎn)義字符）。于是，使用轉(zhuǎn)義字符，就可以做到引號(hào)多重嵌套：Micro 說(shuō)：這里是JavaScript 教程。 布爾型 常用于判斷，只有兩個(gè)值可選：true（表“真”）和 false（表“假”）。true 和 false 是 JavaScript 的保留字。它們屬于“常數(shù)”。對(duì)象 關(guān)于對(duì)象，在“對(duì)象化編程”一章將詳細(xì)講到。由于 JavaScript 對(duì)數(shù)據(jù)類(lèi)型的要求不嚴(yán)格，一般來(lái)說(shuō)，聲明變量的時(shí)候不需要聲明類(lèi)型。而且就算聲明了類(lèi)型，在過(guò)程中還可以給變量賦予其他類(lèi)型的值。聲明類(lèi)型可以用賦予初始值的方法做到： var aString = ;這將把 aString 定義為具有空值的字符串型變量。 var anInteger = 0;這將把 anInteger 定義為值為 0 的整型。變量的賦值 一個(gè)變量聲明后，可以在任何時(shí)候?qū)ζ滟x值。賦值的語(yǔ)法是： = ;其中“=”叫“賦值符”，它的作用是把右邊的值賦給左邊的變量。下一節(jié)將討論到表達(dá)式。 JavaScript常數(shù) 有下列幾個(gè)：null 一個(gè)特殊的空值。當(dāng)變量未定義，或者定義之后沒(méi)有對(duì)其進(jìn)行任何賦值操作，它的值就是“null”。企圖返回一個(gè)不存在的對(duì)象時(shí)也會(huì)出現(xiàn)null值。NaN “Not a Number”。出現(xiàn)這個(gè)數(shù)值比較少見(jiàn)，以至于我們可以不理它。當(dāng)運(yùn)算無(wú)法返回正確的數(shù)值時(shí)，就會(huì)返回“NaN”值。NaN 值非常特殊，因?yàn)樗安皇菙?shù)字”，所以任何數(shù)跟它都不相等，甚至 NaN 本身也不等于 NaN 。true 布爾值“真”。用通俗的說(shuō)法，“對(duì)”。false 布爾值“假”。用通俗的說(shuō)法，“錯(cuò)”。在 Math 對(duì)象中還有一系列數(shù)學(xué)常數(shù)。這將在討論“對(duì)象化編程”時(shí)談到。表達(dá)式與運(yùn)算符表達(dá)式 與數(shù)學(xué)中的定義相似，表達(dá)式是指具有一定的值的、用運(yùn)算符把常數(shù)和變量連接起來(lái)的代數(shù)式。一個(gè)表達(dá)式可以只包含一個(gè)常數(shù)或一個(gè)變量。運(yùn)算符可以是四則運(yùn)算符、關(guān)系運(yùn)算符、位運(yùn)算符、邏輯運(yùn)算符、復(fù)合運(yùn)算符。下表將這些運(yùn)算符從高優(yōu)先級(jí)到低優(yōu)先級(jí)排列：括號(hào)(x) x中括號(hào)只用于指明數(shù)組的下標(biāo)求反、自加、自減-x返回 x 的相反數(shù)!x返回與 x (布爾值)相反的布爾值x+x 值加 1，但仍返回原來(lái)的 x 值x-x 值減 1，但仍返回原來(lái)的 x 值 +xx 值加 1，返回后來(lái)的 x 值-xx 值減 1，返回后來(lái)的 x 值乘、除x*y返回 x 乘以 y 的值x/y返回 x 除以 y 的值x%y返回 x 與 y 的模（x 除以y 的余數(shù)）加、減x+y返回 x 加 y 的值x-y返回 x 減 y 的值關(guān)系運(yùn)算xy x=y xy當(dāng)符合條件時(shí)返回 true 值，否則返回 false 值等于、不等于x=y當(dāng) x 等于 y 時(shí)返回 true 值，否則返回 false 值x!=y當(dāng) x 不等于 y 時(shí)返回 true 值，否則返回 false 值位與x&y當(dāng)兩個(gè)數(shù)位同時(shí)為 1 時(shí)，返回的數(shù)據(jù)的當(dāng)前數(shù)位為 1，其他情況都為 0位異或xy兩個(gè)數(shù)位中有且只有一個(gè)為 0 時(shí)，返回 0，否則返回 1位或x|y兩個(gè)數(shù)位中只要有一個(gè)為 1，則返回 1；當(dāng)兩個(gè)數(shù)位都為零時(shí)才返回零位運(yùn)算符通常會(huì)被當(dāng)作邏輯運(yùn)算符來(lái)使用。它的實(shí)際運(yùn)算情況是：把兩個(gè)操作數(shù)（即 x 和 y）化成二進(jìn)制數(shù)，對(duì)每個(gè)數(shù)位執(zhí)行以上所列工作，然后返回得到的新二進(jìn)制數(shù)。由于“真”值在電腦內(nèi)部（通常）是全部數(shù)位都是 1 的二進(jìn)制數(shù)，而“假”值則是全部是 0 的二進(jìn)制數(shù)，所以位運(yùn)算符也可以充當(dāng)邏輯運(yùn)算符。邏輯與x&y當(dāng) x 和 y 同時(shí)為 true 時(shí)返回 true，否則返回 false邏輯或x|y當(dāng) x 和 y 任意一個(gè)為 true 時(shí)返回 true，當(dāng)兩者同時(shí)為 false 時(shí)返回 false邏輯與/或有時(shí)候被稱(chēng)為“快速與/或”。這是因?yàn)楫?dāng)?shù)谝徊僮鲾?shù)（x）已經(jīng)可以決定結(jié)果，它們將不去理會(huì) y 的值。例如，false & y，因?yàn)閤 = false，不管 y 的值是什么，結(jié)果始終是 false，于是本表達(dá)式立即返回 false，而不論 y 是多少，甚至 y 可以導(dǎo)致出錯(cuò)，程序也可以照樣運(yùn)行下去。 條件c?x:y當(dāng)條件 c 為 true 時(shí)返回 x 的值（執(zhí)行 x 語(yǔ)句），否則返回 y 的值（執(zhí)行 y 語(yǔ)句）賦值、復(fù)合運(yùn)算x=y把 y 的值賦給 x，返回所賦的值x+=y x-=y x*=yx/=y x%=yx 與 y 相加/減/乘/除/求余，所得結(jié)果賦給 x，并返回 x 賦值后注意 所有與四則運(yùn)算有關(guān)的運(yùn)算符都不能作用在字符串型變量上。字符串可以使用 +、+= 作為連接兩個(gè)字符串之用。提示 請(qǐng)密切注意運(yùn)算的優(yōu)先級(jí)。編程時(shí)如果不記得運(yùn)算符的優(yōu)先級(jí)，可以使用括號(hào)( )。例如：(a = 0)|(b = 0)。一些用來(lái)賦值的表達(dá)式，由于有返回的值，可以加以利用。例如，用以下語(yǔ)句：a = b = c = 10，可以一次對(duì)三個(gè)變量賦值。語(yǔ)句下面將開(kāi)始討論 JavaScript 基本編程命令，或者叫“語(yǔ)句”。注釋像其他所有語(yǔ)言一樣，JavaScript 的注釋在運(yùn)行時(shí)也是被忽略的。注釋只給程序員提供消息。JavaScript 注釋有兩種：?jiǎn)涡凶⑨尯投嘈凶⑨?。單行注釋用雙反斜杠“/”表示。當(dāng)一行代碼有“/”，那么，“/”后面的部分將被忽略。而多行注釋是用“/*”和“*/”括起來(lái)的一行到多行文字。程序執(zhí)行到“/*”處，將忽略以后的所有文字，直到出現(xiàn)“*/”為止。提示 如果你的程序需要草稿，或者需要讓別人閱讀，注釋能幫上大忙。養(yǎng)成寫(xiě)注釋的習(xí)慣，能節(jié)省你和其他程序員的寶貴時(shí)間，使他們不用花費(fèi)多余的時(shí)間琢磨你的程序。在程序調(diào)試的時(shí)候，有時(shí)需要把一段代碼換成另一段，或者暫時(shí)不要一段代碼。這時(shí)最忌用 Delete 鍵，如果想要回那段代碼怎么辦？最好還是用注釋?zhuān)褧簳r(shí)不要的代碼“隱”去，到確定方法以后再刪除也不遲。if 語(yǔ)句 if ( ) else ;本語(yǔ)句有點(diǎn)象條件表達(dá)式“?:”：當(dāng)為真時(shí)執(zhí)行，否則，如果 else 部分存在的話，就執(zhí)行。與“?:”不同的是，if 只是一條語(yǔ)句，不會(huì)返回?cái)?shù)值。是布爾值，必須用小括號(hào)括起來(lái)；和都只能是一個(gè)語(yǔ)句，欲使用多條語(yǔ)句，請(qǐng)用語(yǔ)句塊。注意 請(qǐng)看下例： if (a = 1)if (b = 0) alert(a+b);elsealert(a-b);本代碼企圖用縮進(jìn)的方法說(shuō)明 else 是對(duì)應(yīng) if (a = 1) 的，但是實(shí)際上，由于 else 與 if (b = 0) 最相近，本代碼不能按作者的想法運(yùn)行。正確的代碼是 if (a = 1) if (b = 0) alert(a+b); else alert(a-b);提示 一行代碼太長(zhǎng)，或者涉及到比較復(fù)雜的嵌套，可以考慮用多行文本，如上例，if (a = 1) 后面沒(méi)有立即寫(xiě)上語(yǔ)句，而是換一行再繼續(xù)寫(xiě)。瀏覽器不會(huì)混淆的，當(dāng)它們讀完一行，發(fā)現(xiàn)是一句未完成語(yǔ)句，它們會(huì)繼續(xù)往下讀。使用縮進(jìn)也是很好的習(xí)慣，當(dāng)一些語(yǔ)句與上面的一兩句語(yǔ)句有從屬關(guān)系時(shí)，使用縮進(jìn)能使程序更易讀，方便程序員進(jìn)行編寫(xiě)或修改工作。循環(huán)體 for (=; ; ) ;本語(yǔ)句的作用是重復(fù)執(zhí)行，直到為 false 為止。它是這樣運(yùn)作的：首先給賦，然后*判斷（應(yīng)該是一個(gè)關(guān)于的條件表達(dá)式）是否成立，如果成立就執(zhí)行，然后按對(duì)作累加，回到“*”處重復(fù)，如果不成立就退出循環(huán)。這叫做“for循環(huán)”。下面看看例子。 for (i = 1; i 10; i+) document.write(i);本語(yǔ)句先給 i 賦初始值 1，然后執(zhí)行 document.write(i)語(yǔ)句（作用是在文檔中寫(xiě) i 的值，請(qǐng)參越“對(duì)象化編程”一章）；重復(fù)時(shí) i+，也就是把 i 加 1；循環(huán)直到 i=10 時(shí)結(jié)束。結(jié)果是在文檔中輸出了“123456789”。和 if 語(yǔ)句一樣，只能是一行語(yǔ)句，如果想用多條語(yǔ)句，你需要用語(yǔ)句塊。與其他語(yǔ)言不同，JavaScript 的 for 循環(huán)沒(méi)有規(guī)定循環(huán)變量每次循環(huán)一定要加一或減一，可以是任意的賦值表達(dá)式，如 i+=3、i*=2、i-=j 等都成立。提示 適當(dāng)?shù)氖褂?for 循環(huán)，能使 HTML 文檔中大量的有規(guī)律重復(fù)的部分簡(jiǎn)化，也就是用 for 循環(huán)重復(fù)寫(xiě)一些 HTML 代碼，達(dá)到提高網(wǎng)頁(yè)下載速度的目的。不過(guò)請(qǐng)?jiān)?Netscape 中重復(fù)進(jìn)行嚴(yán)格測(cè)試，保證通過(guò)了才好把網(wǎng)頁(yè)傳上去。作者曾試過(guò)多次因?yàn)橛?for 循環(huán)向文檔重復(fù)寫(xiě) HTML 代碼而導(dǎo)致 Netscape“猝死”。IE 中絕對(duì)沒(méi)有這種事情發(fā)生，如果你的網(wǎng)也是只給 IE 看的，用多多的 for 也沒(méi)問(wèn)題。除了 for 循環(huán)，JavaScript 還提供 while 循環(huán)。 while () ;比 for 循環(huán)簡(jiǎn)單，while 循環(huán)的作用是當(dāng)滿(mǎn)足時(shí)執(zhí)行。while 循環(huán)的累加性質(zhì)沒(méi)有 for 循環(huán)強(qiáng)。也只能是一條語(yǔ)句，但是一般情況下都使用語(yǔ)句塊，因?yàn)槌艘貜?fù)執(zhí)行某些語(yǔ)句之外，還需要一些能變動(dòng)所涉及的變量的值的語(yǔ)句，否則一但踏入此循環(huán)，就會(huì)因?yàn)闂l件總是滿(mǎn)足而一直困在循環(huán)里面，不能出來(lái)。這種情況，我們習(xí)慣稱(chēng)之為“死循環(huán)”。死循環(huán)會(huì)弄停當(dāng)時(shí)正在運(yùn)行的代碼、正在下載的文檔，和占用很大的內(nèi)存，很可能造成死機(jī)，應(yīng)該盡最大的努力避免。break 和 continue有時(shí)候在循環(huán)體內(nèi)，需要立即跳出循環(huán)或跳過(guò)循環(huán)體內(nèi)其余代碼而進(jìn)行下一次循環(huán)。break 和 continue 幫了我們大忙。break;本語(yǔ)句放在循環(huán)體內(nèi)，作用是立即跳出循環(huán)。continue;本語(yǔ)句放在循環(huán)體內(nèi)，作用是中止本次循環(huán)，并執(zhí)行下一次循環(huán)。如果循環(huán)的條件已經(jīng)不符合，就跳出循環(huán)。例 for (i = 1; i = 0 & score 60) result = fail; else if (score 80) result = pass; else if (score 90) result = good; else if (score = 100) result = excellent; else result = error;看起來(lái)沒(méi)有問(wèn)題，但使用太多的 if 語(yǔ)句的話，程序看起來(lái)有點(diǎn)亂。switch 語(yǔ)句就是解決這種問(wèn)題的最好方法。 switch (e) case r1: （注意：冒號(hào)） . break;case r2: . break;.default: . 這一大段的作用是：計(jì)算 e 的值（e 為表達(dá)式），然后跟下邊“case”后的 r1、r2比較，當(dāng)找到一個(gè)相等于 e 的值時(shí)，就執(zhí)行該“case”后的語(yǔ)句，直到遇到 break 語(yǔ)句或 switch 段落結(jié)束（“”）。如果沒(méi)有一個(gè)值與 e 匹配，那么就執(zhí)行“default:”后邊的語(yǔ)句，如果沒(méi)有 default 塊，switch 語(yǔ)句結(jié)束。上邊的 if 段用 switch 改寫(xiě)就是： switch (parseInt(score / 10) case 0:case 1:case 2:case 3:case 4:case 5: result = fail; break;case 6:case 7: result = pass; break;case 8: result = good; break;case 9: result = excellent; break;default: if (score = 100) result = excellent; else result = error;其中 parseInt()方法是以后會(huì)介紹的，作用是取整。最后 default 段用的 if 語(yǔ)句，是為了不把 100 分當(dāng)錯(cuò)誤論（parseInt(100 / 10) = 10）。JavaScipt基本教程之對(duì)象的基本知識(shí)JavaScript 是使用“對(duì)象化編程”的，或者叫“面向?qū)ο缶幊獭钡?。所謂“對(duì)象化編程”，意思是把 JavaScript 能涉及的范圍劃分成大大小小的對(duì)象，對(duì)象下面還繼續(xù)劃分對(duì)象直至非常詳細(xì)為止，所有的編程都以對(duì)象為出發(fā)點(diǎn)，基于對(duì)象。小到一個(gè)變量，大到網(wǎng)頁(yè)文檔、窗口甚至屏幕，都是對(duì)象。這一章將“面向?qū)ο蟆敝v述 JavaScript 的運(yùn)行情況。對(duì)象的基本知識(shí) 對(duì)象是可以從 JavaScript“勢(shì)力范圍”中劃分出來(lái)的一小塊，可以是一段文字、一幅圖片、一個(gè)表單（Form）等等。每個(gè)對(duì)象有它自己的屬性、方法和事件。對(duì)象的屬性是反映該對(duì)象某些特定的性質(zhì)的，例如：字符串的長(zhǎng)度、圖像的長(zhǎng)寬、文字框（Textbox）里的文字等等；對(duì)象的方法能對(duì)該對(duì)象做一些事情，例如，表單的“提交”(Submit)，窗口的“滾動(dòng)”(Scrolling)等等；而對(duì)象的事件就能響應(yīng)發(fā)生在對(duì)象上的事情，例如提交表單產(chǎn)生表單的“提交事件”，點(diǎn)擊連接產(chǎn)生的“點(diǎn)擊事件”。不是所有的對(duì)象都有以上三個(gè)性質(zhì)，有些沒(méi)有事件，有些只有屬性。引用對(duì)象的任一“性質(zhì)”用“.”這種方法?；緦?duì)象現(xiàn)在我們要復(fù)習(xí)以上學(xué)過(guò)的內(nèi)容了把一些數(shù)據(jù)類(lèi)型用對(duì)象的角度重新學(xué)習(xí)一下。Number “數(shù)字”對(duì)象。這個(gè)對(duì)象用得很少，作者就一次也沒(méi)有見(jiàn)過(guò)。不過(guò)屬于“Number”的對(duì)象，也就是“變量”就多了。屬性MAX_VALUE 用法：Number.MAX_VALUE；返回“最大值”。MIN_VALUE 用法：Number.MIN_VALUE；返回“最小值”。NaN 用法：Number.NaN 或 NaN；返回“NaN”。“NaN”（不是數(shù)值）在很早就介紹過(guò)了。NEGATIVE_INFINITY 用法：Number.NEGATIVE_INFINITY；返回：負(fù)無(wú)窮大，比“最小值”還小的值。POSITIVE_INFINITY 用法：Number.POSITIVE_INFINITY；返回：正無(wú)窮大，比“最大值”還大的值。方法toString() 用法：.toString()；返回：字符串形式的數(shù)值。如：若 a = 123；則 a.toString() = 123。String 字符串對(duì)象。聲明一個(gè)字符串對(duì)象最簡(jiǎn)單、快捷、有效、常用的方法就是直接賦值。屬性length 用法：.length；返回該字符串的長(zhǎng)度。方法charAt() 用法：.charAt()；返回該字符串位于第位的單個(gè)字符。注意：字符串中的一個(gè)字符是第 0 位的，第二個(gè)才是第 1 位的，最后一個(gè)字符是第 length - 1 位的。charCodeAt() 用法：.charCodeAt()；返回該字符串位于第位的單個(gè)字符的 ASCII 碼。fromCharCode() 用法：String.fromCharCode(a, b, c.)；返回一個(gè)字符串，該字符串每個(gè)字符的 ASCII 碼由 a, b, c. 等來(lái)確定。indexOf() 用法：.indexOf(, )；該方法從中查找（如果給出就忽略之前的位置），如果找到了，就返回它的位置，沒(méi)有找到就返回“-1”。所有的“位置”都是從零開(kāi)始的。lastIndexOf() 用法：.lastIndexOf(, )；跟 indexOf() 相似，不過(guò)是從后邊開(kāi)始找。split() 用法：.split()；返回一個(gè)數(shù)組，該數(shù)組是從中分離開(kāi)來(lái)的，決定了分離的地方，它本身不會(huì)包含在所返回的數(shù)組中。例如：1&2&345&678.split(&)返回?cái)?shù)組：1,2,345,678。關(guān)于數(shù)組，我們等一下就討論。substring() 用法：.substring(, )；返回原字符串的子字符串，該字符串是原字符串從位置到位置的前一位置的一段。 - = 返回字符串的長(zhǎng)度（length）。如果沒(méi)有指定或指定得超過(guò)字符串長(zhǎng)度，則子字符串從位置一直取到原字符串尾。如果所指定的位置不能返回字符串，則返回空字符串。substr() 用法：.substr(, )；返回原字符串的子字符串，該字符串是原字符串從位置開(kāi)始，長(zhǎng)度為的一段。如果沒(méi)有指定或指定得超過(guò)字符串長(zhǎng)度，則子字符串從位置一直取到原字符串尾。如果所指定的位置不能返回字符串，則返回空字符串。toLowerCase() 用法：.toLowerCase()；返回把原字符串所有大寫(xiě)字母都變成小寫(xiě)的字符串。toUpperCase() 用法：.toUpperCase()；返回把原字符串所有小寫(xiě)字母都變成大寫(xiě)的字符串。Array 數(shù)組對(duì)象。數(shù)組對(duì)象是一個(gè)對(duì)象的集合，里邊的對(duì)象可以是不同類(lèi)型的。數(shù)組的每一個(gè)成員對(duì)象都有一個(gè)“下標(biāo)”，用來(lái)表示它在數(shù)組中的位置（既然是“位置”，就也是從零開(kāi)始的啦）。數(shù)組的定義方法：var = new Array();這樣就定義了一個(gè)空數(shù)組。以后要添加數(shù)組元素，就用： = .;注意這里的方括號(hào)不是“可以省略”的意思，數(shù)組的下標(biāo)表示方法就是用方括號(hào)括起來(lái)。如果想在定義數(shù)組的時(shí)候直接初始化數(shù)據(jù)，請(qǐng)用：var = new Array(, , .);例如，var myArray = new Array(1, 4.5, Hi); 定義了一個(gè)數(shù)組 myArray，里邊的元素是：myArray0 = 1; myArray1 = 4.5; myArray2 = Hi。但是，如果元素列表中只有一個(gè)元素，而這個(gè)元素又是一個(gè)正整數(shù)的話，這將定義一個(gè)包含個(gè)空元素的數(shù)組。注意：JavaScript只有一維數(shù)組！千萬(wàn)不要用“Array(3,4)”這種愚蠢的方法來(lái)定義 4 x 5 的二維數(shù)組，或者用“myArray2,3”這種方法來(lái)返回“二維數(shù)組”中的元素。任意“myArray.,3”這種形式的調(diào)用其實(shí)只返回了“myArray3”。要使用多維數(shù)組，請(qǐng)用這種虛擬法：var myArray = new Array(new Array(), new Array(), new Array(), .);其實(shí)這是一個(gè)一維數(shù)組，里邊的每一個(gè)元素又是一個(gè)數(shù)組。調(diào)用這個(gè)“二維數(shù)組”的元素時(shí)：myArray23 = .;屬性length 用法：.length；返回：數(shù)組的長(zhǎng)度，即數(shù)組里有多少個(gè)元素。它等于數(shù)組里最后一個(gè)元素的下標(biāo)加一。所以，想添加一個(gè)元素，只需要：myArraymyArray.length = .。方法join() 用法：.join()；返回一個(gè)字符串，該字符串把數(shù)組中的各個(gè)元素串起來(lái)，用置于元素與元素之間。這個(gè)方法不影響數(shù)組原本的內(nèi)容。reverse() 用法：.reverse()；使數(shù)組中的元素順序反過(guò)來(lái)。如果對(duì)數(shù)組1, 2, 3使用這個(gè)方法，它將使數(shù)組變成：3, 2, 1。slice() 用法：.slice(, )；返回一個(gè)數(shù)組，該數(shù)組是原數(shù)組的子集，始于，終于。如果不給出，則子集一直取到原數(shù)組的結(jié)尾。sort() 用法：.sort()；使數(shù)組中的元素按照一定的順序排列。如果不指定，則按字母順序排列。在這種情況下，80 是比 9 排得前的。如果指定，則按所指定的排序方法排序。比較難講述，這里只將一些有用的介紹給大家。按升序排列數(shù)字：function sortMethod(a, b) return a - b;myArray.sort(sortMethod);按降序排列數(shù)字：把上面的“a - b”該成“b - a”。有關(guān)函數(shù)，請(qǐng)看下面。Math “數(shù)學(xué)”對(duì)象，提供對(duì)數(shù)據(jù)的數(shù)學(xué)計(jì)算。下面所提到的屬性和方法，不再詳細(xì)說(shuō)明“用法”，大家在使用的時(shí)候記住用“Math.”這種格式。屬性E 返回常數(shù) e (2.718281828.)。LN2 返回 2 的自然對(duì)數(shù) (ln 2)。LN10 返回 10 的自然對(duì)數(shù) (ln 10)。LOG2E 返回以 2 為低的 e 的對(duì)數(shù) (log2e)。LOG10E 返回以 10 為低的 e 的對(duì)數(shù) (log10e)。PI 返回（3.1415926535.)。SQRT1_2 返回 1/2 的平方根。SQRT2 返回 2 的平方根。方法abs(x) 返回 x 的絕對(duì)值。acos(x) 返回 x 的反余弦值（余弦值等于 x 的角度），用弧度表示。asin(x) 返回 x 的反正弦值。atan(x) 返回 x 的反正切值。atan2(x, y) 返回復(fù)平面內(nèi)點(diǎn)(x, y)對(duì)應(yīng)的復(fù)數(shù)的幅角，用弧度表示，其值在 - 到 之間。ceil(x) 返回大于等于 x 的最小整數(shù)。cos(x) 返回 x 的余弦。exp(x) 返回 e 的 x 次冪 (ex)。floor(x) 返回小于等于 x 的最大整數(shù)。log(x) 返回 x 的自然對(duì)數(shù) (ln x)。max(a, b) 返回 a, b 中較大的數(shù)。min(a, b) 返回 a, b 中較小的數(shù)。pow(n, m) 返回 n 的 m 次冪 (nm)。random() 返回大于 0 小于 1 的一個(gè)隨機(jī)數(shù)。round(x) 返回 x 四舍五入后的值。sin(x) 返回 x 的正弦。sqrt(x) 返回 x 的平方根。tan(x) 返回 x 的正切。Date 日期對(duì)象。這個(gè)對(duì)象可以?xún)?chǔ)存任意一個(gè)日期，從 0001 年到 9999 年，并且可以精確到毫秒數(shù)（1/1000 秒）。在內(nèi)部，日期對(duì)象是一個(gè)整數(shù)，它是從 1970 年 1 月 1 日零時(shí)正開(kāi)始計(jì)算到日期對(duì)象所指的日期的毫秒數(shù)。如果所指日期比 1970 年早，則它是一個(gè)負(fù)數(shù)。所有日期時(shí)間，如果不指定時(shí)區(qū)，都采用“UTC”（世界時(shí)）時(shí)區(qū)，它與“GMT”（格林威治時(shí)間）在數(shù)值上是一樣的。定義一個(gè)日期對(duì)象：var d = new Date;這個(gè)方法使 d 成為日期對(duì)象，并且已有初始值：當(dāng)前時(shí)間。如果要自定初始值，可以用：var d = new Date(99, 10, 1); /99 年 10 月 1 日var d = new Date(Oct 1, 1999); /99 年 10 月 1 日等等方法。最好的方法就是用下面介紹的“方法”來(lái)嚴(yán)格的定義時(shí)間。方法以下有很多“g/setUTCXXX”這樣的方法，它表示既有“getXXX”方法，又有“setXXX”方法?！癵et”是獲得某個(gè)數(shù)值，而“set”是設(shè)定某個(gè)數(shù)值。如果帶有“UTC”字母，則表示獲得/設(shè)定的數(shù)值是基于 UTC 時(shí)間的，沒(méi)有則表示基于本地時(shí)間或?yàn)g覽期默認(rèn)時(shí)間的。如無(wú)說(shuō)明，方法的使用格式為：“.”，下同。g/setUTCFullYear() 返回/設(shè)置年份，用四位數(shù)表示。如果使用“x.setUTCFullYear(99)”，則年份被設(shè)定為 0099 年。g/setUTCYear()返回/設(shè)置年份，用兩位數(shù)表示。設(shè)定的時(shí)候?yàn)g覽器自動(dòng)加上“19”開(kāi)頭，故使用“x.setUTCYear(00)”把年份設(shè)定為 1900 年。g/setUTCMonth()返回/設(shè)置月份。g/setUTCDate()返回/設(shè)置日期。g/setUTCDay()返回/設(shè)置星期，0 表示星期天。g/setUTCHours()返回/設(shè)置小時(shí)數(shù)，24小時(shí)制。g/setUTCMinutes()返回/設(shè)置分鐘數(shù)。g/setUTCSeconds()返回/設(shè)置秒鐘數(shù)。g/setUTCMilliseconds()返回/設(shè)置毫秒數(shù)。g/setTime() 返回/設(shè)置時(shí)間，該時(shí)間就是日期對(duì)象的內(nèi)部處理方法：從 1970 年 1 月 1 日零時(shí)正開(kāi)始計(jì)算到日期對(duì)象所指的日期的毫秒數(shù)。如果要使某日期對(duì)象所指的時(shí)間推遲 1 小時(shí)，就用：“x.setTime(x.getTime() + 60 * 60 * 1000);”（一小時(shí) 60 分，一分 60 秒，一秒 1000 毫秒）。getTimezoneOffset() 返回日期對(duì)象采用的時(shí)區(qū)與格林威治時(shí)間所差的分鐘數(shù)。在格林威治東方的市區(qū)，該值為負(fù)，例如：中國(guó)時(shí)區(qū)（GMT+0800）返回“-480”。toString() 返回一個(gè)字符串，描述日期對(duì)象所指的日期。這個(gè)字符串的格式類(lèi)似于：“Fri Jul 21 15:43:46 UTC+0800 2000”。toLocaleString() 返回一個(gè)字符串，描述日期對(duì)象所指的日期，用本地時(shí)間表示格式。如：“2000-07-21 15:43:46”。toGMTString() 返回一個(gè)字符串，描述日期對(duì)象所指的日期，用 GMT 格式。toUTCString() 返回一個(gè)字符串，描述日期對(duì)象所指的日期，用 UTC 格式。parse() 用法：Date.parse()；返回該日期對(duì)象的內(nèi)部表達(dá)方式。全局對(duì)象全局對(duì)象從不現(xiàn)形，它可以說(shuō)是虛擬出來(lái)的，目的在于把全局函數(shù)“對(duì)象化”。在 Microsoft JScript 語(yǔ)言參考中，它叫做“Global 對(duì)象”，但是引用它的方法和屬性從來(lái)不用“Global.xxx”（況且這樣做會(huì)出錯(cuò)），而直接用“xxx”。屬性NaN 一早就說(shuō)過(guò)了。方法eval() 把括號(hào)內(nèi)的字符串當(dāng)作標(biāo)準(zhǔn)語(yǔ)句或表達(dá)式來(lái)運(yùn)行。isFinite() 如果括號(hào)內(nèi)的數(shù)字是“有限”的（介于 Number.MIN_VALUE 和 Number.MAX_VALUE 之間）就返回 true；否則返回 false。isNaN() 如果括號(hào)內(nèi)的值是“NaN”則返回 true 否則返回 false。parseInt() 返回把括號(hào)內(nèi)的內(nèi)容轉(zhuǎn)換成整數(shù)之后的值。如果括號(hào)內(nèi)是字符串，則字符串開(kāi)頭的數(shù)字部分被轉(zhuǎn)換成整數(shù)，如果以字母開(kāi)頭，則返回“NaN”。parseFloat() 返回把括號(hào)內(nèi)的字符串轉(zhuǎn)換成浮點(diǎn)數(shù)之后的值，字符串開(kāi)頭的數(shù)字部分被轉(zhuǎn)換成浮點(diǎn)數(shù)，如果以字母開(kāi)頭，則返回“NaN”。toString() 用法：.toString()；把對(duì)象轉(zhuǎn)換成字符串。如果在括號(hào)中指定一個(gè)數(shù)值，則轉(zhuǎn)換過(guò)程中所有數(shù)值轉(zhuǎn)換成特定進(jìn)制。escape() 返回括號(hào)中的字符串經(jīng)過(guò)編碼后的新字符串。該編碼應(yīng)用于 URL，也就是把空格寫(xiě)成“%20”這種格式?！?”不被編碼，如果要“+”也被編碼，請(qǐng)用：escape(., 1)。unescape() 是 escape() 的反過(guò)程。解編括號(hào)中字符串成為一般字符串。函數(shù)函數(shù)的定義 所謂“函數(shù)”，是有返回值的對(duì)象或?qū)ο蟮姆椒ā?函數(shù)的種類(lèi) 常見(jiàn)的函數(shù)有：構(gòu)造函數(shù)，如 Array()，能構(gòu)造一個(gè)數(shù)組；全局函數(shù)，即全局對(duì)象里的方法；自定義函數(shù)；等等。 自定義函數(shù) 定義函數(shù)用以下語(yǔ)句： function 函數(shù)名(參數(shù)集) . return ; . 其中，用在 function 之后和函數(shù)結(jié)尾的大括號(hào)是不能省去的，就算整個(gè)函數(shù)只有一句。 函數(shù)名與變量名有一樣的起名規(guī)定，也就是只包含字母數(shù)字下劃線、字母排頭、不能與保留字重復(fù)等。 參數(shù)集可有可無(wú)，但括號(hào)就一定要有。 參數(shù) 是函數(shù)外部向函數(shù)內(nèi)部傳遞信息的橋梁，例如，想叫一個(gè)函數(shù)返回 3 的立方，你就要讓函數(shù)知道“3”這個(gè)數(shù)值，這時(shí)候就要有一個(gè)變量來(lái)接收數(shù)值，這種變量叫做參數(shù)。 參數(shù)集是一個(gè)或多個(gè)用逗號(hào)分隔開(kāi)來(lái)的參數(shù)的集合，如：a, b, c。 函數(shù)的內(nèi)部有一至多行語(yǔ)句，這些語(yǔ)句并不會(huì)立即執(zhí)行，而只當(dāng)有其它程序調(diào)用它時(shí)才執(zhí)行。這些語(yǔ)句中可能包含“return”語(yǔ)句。在執(zhí)行一個(gè)函數(shù)的時(shí)候，碰到 return 語(yǔ)句，函數(shù)立刻停止執(zhí)行，并返回到調(diào)用它的程序中。如果“return”后帶有，則退出函數(shù)的同時(shí)返回該值。 在函數(shù)的內(nèi)部，參數(shù)可以直接當(dāng)作變量來(lái)使用，并可以用 var 語(yǔ)句來(lái)新建一些變量，但是這些變量都不能被函數(shù)外部的過(guò)程調(diào)用。要使函數(shù)內(nèi)部的信息能被外部調(diào)用，要么使用“return”返回值，要么使用全局變量。 全局變量 在 Script 的“根部”（非函數(shù)內(nèi)部）的“var”語(yǔ)句所定義的變量就是全局變量，它能在整個(gè)過(guò)程的任意地方被調(diào)用、更改。 例 function addAll(a, b, c) return a + b + c;var total = addAll(3, 4, 5); 這個(gè)例子建立了一個(gè)叫“addAll”的函數(shù)，它有 3 個(gè)參數(shù)：a, b, c，作用是返回三個(gè)數(shù)相加的結(jié)果。在函數(shù)外部，利用“var total = addAll(3, 4, 5);”接收函數(shù)的返回值。 更多的時(shí)候，函數(shù)是沒(méi)有返回值的，這種函數(shù)在一些比較強(qiáng)調(diào)嚴(yán)格的語(yǔ)言中是叫做“過(guò)程”的，例如 Basic 類(lèi)語(yǔ)言的“Sub”、Pascal 語(yǔ)言的“procedure”。 屬性 arguments 一個(gè)數(shù)組，反映外部程序調(diào)用函數(shù)時(shí)指定的參數(shù)。用法：直接在函數(shù)內(nèi)部調(diào)