JavaScript 簡(jiǎn)介JavaScript 有什么特點(diǎn)JavaScript 使網(wǎng)頁增加互動(dòng)性。JavaScript 使有規(guī)律地重復(fù)的HTML文段簡(jiǎn)化,減少下載時(shí)間。JavaScript 能及時(shí)響應(yīng)用戶的操作,對(duì)提交表單做即時(shí)的檢查,無需浪費(fèi)時(shí)間交由 CGI 驗(yàn)證。JavaScript 的特點(diǎn)是無窮無盡的,只要你有創(chuàng)意。 Java 與 JavaScript 有什么不同很多人看到 Java 和 JavaScript 都有“Java”四個(gè)字,就以為它們是同一樣?xùn)|西,連我自己當(dāng)初也是這樣。其實(shí)它們是完完全全不同的兩種東西。Java,全稱應(yīng)該是 Java Applet,是嵌在網(wǎng)頁中,而又有自己獨(dú)立的運(yùn)行窗口的小程序。Java Applet 是預(yù)先編譯好的,一個(gè) Applet 文件(.class)用 Notepad 打開閱讀,根本不能理解。Java Applet 的功能很強(qiáng)大,可以訪問 http、ftp等協(xié)議,甚至可以在電腦上種病毒(已有先例了)。相比之下,JavaScript 的能力就比較小了。JavaScript 是一種“腳本”(“Script”),它直接把代碼寫到 HTML 文檔中,瀏覽器讀取它們的時(shí)候才進(jìn)行編譯、執(zhí)行,所以能查看 HTML 源文件就能查看JavaScript 源代碼。JavaScript 沒有獨(dú)立的運(yùn)行窗口,瀏覽器當(dāng)前窗口就是它的運(yùn)行窗口。它們的相同點(diǎn),我想只有同是以 Java 作編程語言一點(diǎn)了。 開發(fā) JavaScript 該用什么軟件一個(gè) JavaScript 程序其實(shí)是一個(gè)文檔,一個(gè)文本文件。它是嵌入到 HTML 文檔中的。所以,任何可以編寫 HTML 文檔的軟件都可以用來開發(fā) JavaScript。在此我推薦大家用 FrontPage 2000 附帶的 Microsoft 腳本編輯器(在 FrontPage 菜單 | 工具 | 宏 | Microsoft 腳本編輯器)。它是個(gè)像 Visual Basic / C++ 一樣的程序開發(fā)器,能對(duì)正在輸入的語句作出簡(jiǎn)要提示。配合 FrontPage 2000,使工作量大大減少。 JavaScript 語言的基礎(chǔ)在什么地方插入 JavaScriptJavaScript 可以出現(xiàn)在 HTML 的任意地方。使用標(biāo)記<script>…</script>,你可以在 HTML 文檔的任意地方插入 JavaScript,甚至在<HTML>之前插入也不成問題。不過如果要在聲明框架的網(wǎng)頁(框架網(wǎng)頁)中插入,就一定要在<frameset>之前插入,否則不會(huì)運(yùn)行。 基本格式
第二行和第四行的作用,是讓不懂<script>標(biāo)記的瀏覽器忽略 JavaScript 代碼。一般可以省略,因?yàn)楝F(xiàn)在想找不懂 Script 的瀏覽器,恐怕就連博物館里也沒有了。第四行前邊的雙反斜杠“//”是 JavaScript 里的注釋標(biāo)號(hào),以后將學(xué)到。 另外一種插入 JavaScript 的方法,是把 JavaScript 代碼寫到另一個(gè)文件當(dāng)中(此文件通常應(yīng)該用“.js”作擴(kuò)展名),然后用格式為“<script src="javascript.js"></script>”的標(biāo)記把它嵌入到文檔中。注意,一定要用“</script>”標(biāo)記。 參考 <script>標(biāo)記還有一個(gè)屬性:language(縮寫lang),說明腳本使用的語言。對(duì)于 JavaScript,請(qǐng)用“language="JavaScript"”。 參考 相對(duì)于<script>標(biāo)記,還有一個(gè)<server>標(biāo)記。<server>標(biāo)記所包含的,是服務(wù)器端(Server Side)的腳本。本教程只討論客戶器端(Client Side)的 JavaScript,也就是用<script>標(biāo)記包含的腳本。 如果想在瀏覽器的“地址”欄中執(zhí)行 JavaScript 語句,用這樣的格式:
這樣的格式也可以用在連接中:
JavaScript 基本語法每一句 JavaScript 都有類似于以下的格式:
其中分號(hào)“;”是 JavaScript 語言作為一個(gè)語句結(jié)束的標(biāo)識(shí)符。雖然現(xiàn)在很多瀏覽器都允許用回車充當(dāng)結(jié)束符號(hào),培養(yǎng)用分號(hào)作結(jié)束的習(xí)慣仍然是很好的。 語句塊 語句塊是用大括號(hào)“{ }”括起來的一個(gè)或 n 個(gè)語句。在大括號(hào)里邊是幾個(gè)語句,但是在大括號(hào)外邊,語句塊是被當(dāng)作一個(gè)語句的。語句塊是可以嵌套的,也就是說,一個(gè)語句塊里邊可以再包含一個(gè)或多個(gè)語句塊。 JavaScript 中的變量什么是變量 從字面上看,變量是可變的量;從編程角度講,變量是用于存儲(chǔ)某種/某些數(shù)值的存儲(chǔ)器。所儲(chǔ)存的值,可以是數(shù)字、字符或其他的一些東西。 變量的命名 變量的命名有以下要求:
而且,變量是區(qū)分大小寫的,例如,variable 和 Variable 是兩個(gè)不同的變量。不僅如此,大部分命令和“對(duì)象”(請(qǐng)參閱“對(duì)象化編程”章)都是區(qū)分大小寫的。 提示 給變量命名,最好避免用單個(gè)字母“a”“b”“c”等,而改用能清楚表達(dá)該變量在程序中的作用的詞語。這樣,不僅別人能更容易的了解你的程序,而且你在以后要修改程序的時(shí)候,也很快會(huì)記得該變量的作用。變量名一般用小寫,如果是由多個(gè)單詞組成的,那么第一個(gè)單詞用小寫,其他單詞的第一個(gè)字母用大寫。例如:myVariable 和 myAnotherVariable。這樣做僅僅是為了美觀和易讀,因?yàn)?JavaScript 一些命令(以后將用更具體的方法闡述“命令”一詞)都是用這種方法命名的:indexOf;charAt 等等。 變量需要聲明 沒有聲明的變量不能使用,否則會(huì)出錯(cuò):“未定義”。聲明變量可以用: var <變量> [= <值>]; var 我們接觸的第一個(gè)關(guān)鍵字(即保留字)。這個(gè)關(guān)鍵字用作聲明變量。最簡(jiǎn)單的聲明方法就是“var <變量>;”,這將為<變量>準(zhǔn)備內(nèi)存,給它賦初始值“null”。如果加上“= <值>”,則給<變量>賦予自定的初始值<值>。 數(shù)據(jù)類型 變量可以用的數(shù)據(jù)類型有:
由于 JavaScript 對(duì)數(shù)據(jù)類型的要求不嚴(yán)格,一般來說,聲明變量的時(shí)候不需要聲明類型。而且就算聲明了類型,在過程中還可以給變量賦予其他類型的值。聲明類型可以用賦予初始值的方法做到:
這將把 aString 定義為具有空值的字符串型變量。
這將把 anInteger 定義為值為 0 的整型。 變量的賦值 一個(gè)變量聲明后,可以在任何時(shí)候?qū)ζ滟x值。賦值的語法是:
其中“=”叫“賦值符”,它的作用是把右邊的值賦給左邊的變量。下一節(jié)將討論到表達(dá)式。 JavaScript常數(shù) 有下列幾個(gè):
在 Math 對(duì)象中還有一系列數(shù)學(xué)常數(shù)。這將在討論“對(duì)象化編程”時(shí)談到。 表達(dá)式與運(yùn)算符表達(dá)式 與數(shù)學(xué)中的定義相似,表達(dá)式是指具有一定的值的、用運(yùn)算符把常數(shù)和變量連接起來的代數(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í)排列:
注意 所有與四則運(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)。 一些用來賦值的表達(dá)式,由于有返回的值,可以加以利用。例如,用以下語句:a = b = c = 10,可以一次對(duì)三個(gè)變量賦值。 語句下面將開始討論 JavaScript 基本編程命令,或者叫“語句”。 像其他所有語言一樣,JavaScript 的注釋在運(yùn)行時(shí)也是被忽略的。注釋只給程序員提供消息。 JavaScript 注釋有兩種:?jiǎn)涡凶⑨尯投嘈凶⑨?。單行注釋用雙反斜杠“//”表示。當(dāng)一行代碼有“//”,那么,“//”后面的部分將被忽略。而多行注釋是用“/*”和“*/”括起來的一行到多行文字。程序執(zhí)行到“/*”處,將忽略以后的所有文字,直到出現(xiàn)“*/”為止。 提示 如果你的程序需要草稿,或者需要讓別人閱讀,注釋能幫上大忙。養(yǎng)成寫注釋的習(xí)慣,能節(jié)省你和其他程序員的寶貴時(shí)間,使他們不用花費(fèi)多余的時(shí)間琢磨你的程序。在程序調(diào)試的時(shí)候,有時(shí)需要把一段代碼換成另一段,或者暫時(shí)不要一段代碼。這時(shí)最忌用 Delete 鍵,如果想要回那段代碼怎么辦?最好還是用注釋,把暫時(shí)不要的代碼“隱”去,到確定方法以后再刪除也不遲。
本語句有點(diǎn)象條件表達(dá)式“?:”:當(dāng)<條件>為真時(shí)執(zhí)行<語句1>,否則,如果 else 部分存在的話,就執(zhí)行<語句2>。與“?:”不同的是,if 只是一條語句,不會(huì)返回?cái)?shù)值。<條件>是布爾值,必須用小括號(hào)括起來;<語句1>和<語句2>都只能是一個(gè)語句,欲使用多條語句,請(qǐng)用語句塊。 注意 請(qǐng)看下例:
本代碼企圖用縮進(jìn)的方法說明 else 是對(duì)應(yīng) if (a == 1) 的,但是實(shí)際上,由于 else 與 if (b == 0) 最相近,本代碼不能按作者的想法運(yùn)行。正確的代碼是
提示 一行代碼太長(zhǎng),或者涉及到比較復(fù)雜的嵌套,可以考慮用多行文本,如上例,if (a == 1) 后面沒有立即寫上語句,而是換一行再繼續(xù)寫。瀏覽器不會(huì)混淆的,當(dāng)它們讀完一行,發(fā)現(xiàn)是一句未完成語句,它們會(huì)繼續(xù)往下讀。使用縮進(jìn)也是很好的習(xí)慣,當(dāng)一些語句與上面的一兩句語句有從屬關(guān)系時(shí),使用縮進(jìn)能使程序更易讀,方便程序員進(jìn)行編寫或修改工作。
本語句的作用是重復(fù)執(zhí)行<語句>,直到<循環(huán)條件>為 false 為止。它是這樣運(yùn)作的:首先給<變量>賦<初始值>,然后*判斷<循環(huán)條件>(應(yīng)該是一個(gè)關(guān)于<變量>的條件表達(dá)式)是否成立,如果成立就執(zhí)行<語句>,然后按<變量累加方法>對(duì)<變量>作累加,回到“*”處重復(fù),如果不成立就退出循環(huán)。這叫做“for循環(huán)”。下面看看例子。
本語句先給 i 賦初始值 1,然后執(zhí)行 document.write(i)語句(作用是在文檔中寫 i 的值,請(qǐng)參越“對(duì)象化編程”一章);重復(fù)時(shí) i++,也就是把 i 加 1;循環(huán)直到 i<10 不滿足,也就是 i>=10 時(shí)結(jié)束。結(jié)果是在文檔中輸出了“123456789”。 和 if 語句一樣,<語句>只能是一行語句,如果想用多條語句,你需要用語句塊。 與其他語言不同,JavaScript 的 for 循環(huán)沒有規(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ù)寫一些 HTML 代碼,達(dá)到提高網(wǎng)頁下載速度的目的。不過請(qǐng)?jiān)?Netscape 中重復(fù)進(jìn)行嚴(yán)格測(cè)試,保證通過了才好把網(wǎng)頁傳上去。作者曾試過多次因?yàn)橛?for 循環(huán)向文檔重復(fù)寫 HTML 代碼而導(dǎo)致 Netscape“猝死”。IE 中絕對(duì)沒有這種事情發(fā)生,如果你的網(wǎng)也是只給 IE 看的,用多多的 for 也沒問題。 除了 for 循環(huán),JavaScript 還提供 while 循環(huán)。
比 for 循環(huán)簡(jiǎn)單,while 循環(huán)的作用是當(dāng)滿足<循環(huán)條件>時(shí)執(zhí)行<語句>。while 循環(huán)的累加性質(zhì)沒有 for 循環(huán)強(qiáng)。<語句>也只能是一條語句,但是一般情況下都使用語句塊,因?yàn)槌艘貜?fù)執(zhí)行某些語句之外,還需要一些能變動(dòng)<循環(huán)條件>所涉及的變量的值的語句,否則一但踏入此循環(huán),就會(huì)因?yàn)闂l件總是滿足而一直困在循環(huán)里面,不能出來。這種情況,我們習(xí)慣稱之為“死循環(huán)”。死循環(huán)會(huì)弄停當(dāng)時(shí)正在運(yùn)行的代碼、正在下載的文檔,和占用很大的內(nèi)存,很可能造成死機(jī),應(yīng)該盡最大的努力避免。 break 和 continue 有時(shí)候在循環(huán)體內(nèi),需要立即跳出循環(huán)或跳過循環(huán)體內(nèi)其余代碼而進(jìn)行下一次循環(huán)。break 和 continue 幫了我們大忙。
本語句放在循環(huán)體內(nèi),作用是立即跳出循環(huán)。
本語句放在循環(huán)體內(nèi),作用是中止本次循環(huán),并執(zhí)行下一次循環(huán)。如果循環(huán)的條件已經(jīng)不符合,就跳出循環(huán)。 例
輸出:124679。 如果要把某些數(shù)據(jù)分類,例如,要把學(xué)生的成績(jī)按優(yōu)、良、中、差分類,我們可能會(huì)用 if 語句:
看起來沒有問題,但使用太多的 if 語句的話,程序看起來有點(diǎn)亂。switch 語句就是解決這種問題的最好方法。
這一大段的作用是:計(jì)算 e 的值(e 為表達(dá)式),然后跟下邊“case”后的 r1、r2……比較,當(dāng)找到一個(gè)相等于 e 的值時(shí),就執(zhí)行該“case”后的語句,直到遇到 break 語句或 switch 段落結(jié)束(“}”)。如果沒有一個(gè)值與 e 匹配,那么就執(zhí)行“default:”后邊的語句,如果沒有 default 塊,switch 語句結(jié)束。 上邊的 if 段用 switch 改寫就是:
其中 parseInt()方法是以后會(huì)介紹的,作用是取整。最后 default 段用的 if 語句,是為了不把 100 分當(dāng)錯(cuò)誤論(parseInt(100 / 10) == 10)。 . |
|