《JS權(quán)威入門教程》_第1頁(yè)
《JS權(quán)威入門教程》_第2頁(yè)
《JS權(quán)威入門教程》_第3頁(yè)
《JS權(quán)威入門教程》_第4頁(yè)
《JS權(quán)威入門教程》_第5頁(yè)
已閱讀5頁(yè)，還剩22頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡(jiǎn)介

1、JavaScript 入門教程 V 1.0簡(jiǎn)介：（1）JavaScript是運(yùn)行的客戶機(jī)上的腳本語(yǔ)言（2）JavaScript一般被用來(lái)改進(jìn)網(wǎng)頁(yè)設(shè)計(jì)（特效），驗(yàn)證表單，檢測(cè)瀏覽器等等Javascript基礎(chǔ)語(yǔ)法篇實(shí)現(xiàn)：如何將JavaScript嵌入html網(wǎng)頁(yè)中？<html><body><script type=”text/javascript”>Document.write(“HELLO WORLD”);</script></body></html>上邊的代碼運(yùn)行的結(jié)果：HELLO WORLD解釋：如果需要把一段 Jav

2、aScript 插入 HTML 頁(yè)面，我們需要使用 <script> 標(biāo)簽（同時(shí)使用 type 屬性來(lái)定義腳本語(yǔ)言）。這樣就可以告訴瀏覽器，js程序從何處開(kāi)始<script>,從何處結(jié)束</script>。Document.write是js命令，用于向頁(yè)面輸出信息。如果沒(méi)有<script>標(biāo)簽，那么瀏覽器會(huì)把Document.write(“HELLO WORLD”)當(dāng)做純文本輸出。那些不支持 js 的瀏覽器會(huì)把腳本作為頁(yè)面的內(nèi)容來(lái)顯示。為了防止這種情況發(fā)生，我們可以使用這樣的 HTML 注釋標(biāo)簽:<html><body>&

3、lt;script type=”text/javascript”><!-Document.write(“HELLO WORLD”);/>正斜杠是 JavaScript 的注釋符號(hào)，它會(huì)阻止 JavaScript 編譯器對(duì)這一行的編譯</script></body></html>放置：（1）在html中如何放置js？頁(yè)面中的腳本會(huì)在頁(yè)面載入瀏覽器后立即執(zhí)行。我們并不是想所有的腳本都這樣。有時(shí)，我們希望當(dāng)頁(yè)面載入時(shí)執(zhí)行腳本，而另外的時(shí)候，我們則希望當(dāng)用戶觸發(fā)事件時(shí)才執(zhí)行腳本。（2）位于 head 部分的腳本。當(dāng)腳本被調(diào)用時(shí)，或者當(dāng)事件被觸發(fā)時(shí)，

4、腳本就會(huì)被執(zhí)行。當(dāng)你把腳本放置到 head 部分后，就可以確保在需要使用腳本之前，它已經(jīng)被載入了。<html><head><script type=”text/javascript”>Document.write(“HELLO WORLD”);</script></head></html>（3）位于 body 部分的腳本。在頁(yè)面載入時(shí)腳本就會(huì)被執(zhí)行。當(dāng)你把腳本放置于 body 部分后，它就會(huì)生成頁(yè)面的內(nèi)容。<html><body><script type=”text/javascript”&g

5、t;Document.write(“HELLO WORLD”);</script></body></html>（4）同時(shí)在head和body部分的腳本。你可以在文檔中放置任何數(shù)量的腳本，因此你既可以把腳本放置到 body，又可以放置到 head 部分。<html><head><script type=”text/javascript”>Document.write(“head部分”);</script></head><body><script type=”text/javascri

6、pt”>Document.write(“body部分”);</script></body></html>（5）調(diào)用外部js腳本。有時(shí)，你也許希望在若干個(gè)頁(yè)面中運(yùn)行 JavaScript，同時(shí)不在每個(gè)頁(yè)面中寫相同的腳本。為了達(dá)到這個(gè)目的，你可以將 JavaScript 寫入一個(gè)外部文件之中。然后以 .js 為后綴保存這個(gè)文件。注意：外部文件不能包含 <script> 標(biāo)簽。然后把 .js 文件指定給 <script> 標(biāo)簽中的 "src" 屬性，就可以使用這個(gè)外部文件了：<html><head

7、><script src=”xxxx.js”></script></head><body></body></html>注釋：（1）單列注釋。<script type=”text/javascript”>/這是標(biāo)題頭document.write(“<h1>this is a title</h1>”);/這是段落document.write(“<p>this is a content</p>”);</script>（2）多列注釋。<script

8、 type=”text/javascript”>/*下面的代碼將輸出一個(gè)標(biāo)題，一個(gè)段落*/document.write(“<h1>this is a title</h1>”);document.write(“<p>this is a content</p>”);</script>變量：（1）什么是變量？變量是存儲(chǔ)信息的容器，那么在數(shù)學(xué)里邊也經(jīng)常使用到變量，我們還記得在數(shù)學(xué)中我們使用變量是需要先聲明一個(gè)變量的，那么我們的js腳本語(yǔ)言使用變量只是需要先聲明，他們區(qū)別只在于聲明的方式不同。（2）聲明（創(chuàng)建）js變量和賦值。在js中我們

9、使用var聲明變量，聲明變量的同時(shí)我們可以為變量賦一個(gè)默認(rèn)值：Var a;Var b=”student”;Var c=3;那么我們看見(jiàn)以上我們聲明了3個(gè)變量，一個(gè)沒(méi)有賦值，一個(gè)賦的String類型的值，一個(gè)是int類型的值，那有些同學(xué)就要問(wèn)了，是不是寫錯(cuò)了??？這里，我很明確的告訴大家，js是一門弱類型的語(yǔ)言，它是不區(qū)分類型的，我們也可以不聲明，直接使用，那么它會(huì)自動(dòng)為我們聲明，不過(guò)，鑒于一個(gè)編程的嚴(yán)謹(jǐn)性，我建議大家預(yù)先聲明再使用。當(dāng)然js也可以重復(fù)聲明，原來(lái)的值是不會(huì)丟失的，不過(guò)一個(gè)優(yōu)秀的程序員，應(yīng)該是不會(huì)犯這種低級(jí)的錯(cuò)誤吧。注意：js腳本變量的聲明是區(qū)分大小寫的：var a和var A 是兩

10、個(gè)不同的變量（3）js變量的運(yùn)算。Var A=3;Var B;Var C;B=A+3;C=B+8;正如數(shù)學(xué)一樣，在js腳本中，你可以使用變量來(lái)做運(yùn)算?，F(xiàn)在上邊的例子你猜到B和C的值了嗎？運(yùn)算符：（1）運(yùn)算符類型。算術(shù)運(yùn)算符賦值運(yùn)算符比較運(yùn)算符邏輯運(yùn)算符條件運(yùn)算符（2）算術(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-2x=3*乘x=y*2x=10/除x=y/2x=2.5%求余數(shù) (保留整數(shù))x=y%2x=1+累加x=+yx=6 -遞減x=-yx=4 （3）賦值運(yùn)算符詳解。賦值運(yùn)算符用

11、于給 JavaScript 變量賦值。給定 x=10 和 y=5，下面的表格解釋了賦值運(yùn)算符：運(yùn)算符例子等價(jià)于結(jié)果=x=y x=5+=x+=yx=x+yx=15-=x-=yx=x-yx=5*=x*=yx=x*yx=50/=x/=yx=x/yx=2%=x%=yx=x%yx=0（4）用于字符串的 + 運(yùn)算符?！?” 運(yùn)算符用于把文本值或字符串變量加起來(lái)（連接起來(lái)）。如需把兩個(gè)或多個(gè)字符串變量連接起來(lái)，請(qǐng)使用 + 運(yùn)算符。Var a=”where are you going?”;Var b=”I will going to school.”;Var c=a+b;那么你猜到c的值了么？c=”

12、where are you going?I will going to school.”;(5)字符串和數(shù)字之間的加法運(yùn)算。Var x=5+5;Document.write(x);Var x=”5”+”5”;Document.write(x);Var x=”5”+5;Document.write(x);Var x=5+”5”;Document.write(x);趕快動(dòng)手試一下吧。（6）比較運(yùn)算符。比較運(yùn)算符在邏輯語(yǔ)句中使用，以測(cè)定變量或值是否相等。給定 x=5，下面的表格解釋了比較運(yùn)算符：運(yùn)算符描述例子=等于x=8 為 false=全等（值和類型）x=5 為 true；x="5&qu

13、ot; 為 false!=不等于x!=8 為 true>大于x>8 為 false<小于x<8 為 true>=大于或等于x>=8 為 false<=小于或等于x<=8 為 trueVar x=20;If(x<21)Document.write(“he is too young!”);（7）邏輯運(yùn)算符。邏輯運(yùn)算符用于測(cè)定變量或值之間的邏輯。給定 x=6 以及 y=3，下表解釋了邏輯運(yùn)算符：運(yùn)算符描述例子&&and(x < 10 && y > 1) 為 true|or(x=5 | y=5) 為 fa

14、lse!not!(x=y) 為 true（8）條件運(yùn)算符。JavaScript 還包含了基于某些條件對(duì)變量進(jìn)行賦值的條件運(yùn)算符。Var x=1;Var y=2；X=(y)?value1:value2聲明變量x,y；x等于y嗎？如果是true返回x的值value1，否則返回x的值value2.邏輯判斷：(1)條件判斷種類。在您編寫代碼時(shí)，經(jīng)常需要根據(jù)不同的條件完成不同的行為?？梢栽诖a中使用條件語(yǔ)句來(lái)完成這個(gè)任務(wù)。在 JavaScript 中，我們可以使用下面幾種條件語(yǔ)句：If語(yǔ)句：在一個(gè)指定的條件成立時(shí)執(zhí)行代碼。if.else 語(yǔ)句：在指定的條件成立時(shí)執(zhí)行代碼，當(dāng)條件不成立時(shí)執(zhí)行另外的代碼。i

15、f.else if.else 語(yǔ)句：使用這個(gè)語(yǔ)句可以選擇執(zhí)行若干塊代碼中的一個(gè)。switch 語(yǔ)句：使用這個(gè)語(yǔ)句可以選擇執(zhí)行若干塊代碼中的一個(gè)。（2）if詳解。語(yǔ)法： if(條件)執(zhí)行代碼塊案例： <script type=”text/javascript”>Var a=10;Var b=19;If(a<=b)Document.write(“You are too great!”); </script>（3）ifelse詳解。 語(yǔ)法：if(條件)條件滿足時(shí)執(zhí)行的代碼塊 else條件不滿足時(shí)執(zhí)行的代碼塊 案例：<script type=”text/javasc

16、ript”>Var a=10;Var b=19;If(a<=b)Document.write(“You are too great!”);elseDocument.write(“I like this”); </script>（4）ifelse ifelse詳解。語(yǔ)法：if(條件1)條件1滿足時(shí)執(zhí)行的代碼塊else if(條件2)條件2滿足時(shí)執(zhí)行的代碼塊else都不滿足時(shí)執(zhí)行的代碼塊案例：<script type=”text/javascript”>Var a=10;Var b=19;If(a<b)Document.write(“You are too

17、 great!”);else if(a>b)Document.write(“I like this”);elseDocument.write(“It is too bad!”); </script>(5)switch詳解。語(yǔ)法：switch(n)Case 1:執(zhí)行代碼塊1BreakCase 2:執(zhí)行代碼塊2BreakDefault:不滿足以上兩個(gè)case的執(zhí)行的代碼塊案例：<script type=”text/javascript”>Var a=10;switch(a)case 1:document.write(“first”);break;case 2:docu

18、ment.write(“second”);break;default:document.write(“other”); </script>消息框：(1)消息框類別。警告框確認(rèn)框提示框(2)警告框。Alert(“文本”);(3)確認(rèn)框。Confirm(“文本”);(4)提示框。Prompt(“文本”,”默認(rèn)值”);函數(shù)：(1)將腳本編寫為函數(shù)，就可以避免頁(yè)面載入時(shí)執(zhí)行該腳本。函數(shù)包含著一些代碼，這些代碼只能被事件激活，或者在函數(shù)被調(diào)用時(shí)才會(huì)執(zhí)行。你可以在頁(yè)面中的任何位置調(diào)用腳本（如果函數(shù)嵌入一個(gè)外部的 .js 文件，那么甚至可以從其他的頁(yè)面中調(diào)用）。函數(shù)可以在頁(yè)面任何地方定義。案例：

19、<html><head><scripttype=”text/javascript”>Functiontest()Alert(“消息框”);</script></head><body><from><input type=”button” value=”click me” onclick=”test()”></form></body> </html>（2）如何定義函數(shù)語(yǔ)法：function test(var a,var b)要執(zhí)行的程序Var a和var b是函數(shù)定義

20、的要轉(zhuǎn)入的值或者變量，大括號(hào)定義了函數(shù)的開(kāi)始和結(jié)束注意：無(wú)參函數(shù)必須在后邊加括號(hào)語(yǔ)法：function test()要執(zhí)行的程序（3）return語(yǔ)句Return語(yǔ)句用來(lái)規(guī)定函數(shù)返回的值，因此,需要返回某個(gè)值的函數(shù)必須使用這個(gè)return語(yǔ)句語(yǔ)法：function prod(a,b)X=a*b;Return x;所以，當(dāng)您調(diào)用prod函數(shù)的時(shí)候需要傳入ab兩個(gè)參數(shù)值（4）javascript變量的生存周期。當(dāng)您在函數(shù)內(nèi)聲明了一個(gè)變量后，就只能在該函數(shù)中訪問(wèn)該變量。當(dāng)退出該函數(shù)后，這個(gè)變量會(huì)被撤銷。這種變量稱為本地變量。您可以在不同的函數(shù)中使用名稱相同的本地變量，這是因?yàn)橹挥新暶鬟^(guò)變量的函數(shù)能夠

21、識(shí)別其中的每個(gè)變量。如果您在函數(shù)之外聲明了一個(gè)變量，則頁(yè)面上的所有函數(shù)都可以訪問(wèn)該變量。這些變量的生存期從聲明它們之后開(kāi)始，在頁(yè)面關(guān)閉時(shí)結(jié)束。循環(huán)遍歷:(1)for循環(huán)：將一段代碼循環(huán)執(zhí)行指定的次數(shù)。語(yǔ)法：for(變量=開(kāi)始值;變量<=結(jié)束值;變量=變量+進(jìn)步值)需執(zhí)行的代碼實(shí)例：下面的例子定義了一個(gè)循環(huán)程序，這個(gè)程序中 i 的起始值為 0。每執(zhí)行一次循環(huán)，i 的值就會(huì)累加一次 1，循環(huán)會(huì)一直運(yùn)行下去，直到 i 等于 10 為止。<html><body><script type=”text/javascript”>For(var i=0;i<10

22、;i+)Document.write(“The number is ”+i);Document.write(“<br/>”);</script></body></html>結(jié)果：The number is 0 The number is1 The number is 2The number is 3 The number is 4 The number is 5 The number is 6The number is 7 The number is 8 The number is 9（2）while循環(huán)：當(dāng)指定條件為true時(shí)循環(huán)執(zhí)行代碼。語(yǔ)法

23、：while(變量<=結(jié)束值)需要執(zhí)行的代碼實(shí)例：while(i<10)Document.write(“The number is ”+i);Document.write(“<br/>”);結(jié)果：The number is 0 The number is1 The number is 2The number is 3 The number is 4 The number is 5 The number is 6The number is 7 The number is 8 The number is 9（3）dowhile循環(huán)語(yǔ)法：do.while 循環(huán)是 while

24、循環(huán)的變種。該循環(huán)程序在初次運(yùn)行時(shí)會(huì)首先執(zhí)行一遍其中的代碼，然后當(dāng)指定的條件為 true 時(shí)，它會(huì)繼續(xù)這個(gè)循環(huán)。所以可以這么說(shuō)，do.while 循環(huán)為執(zhí)行至少一遍其中的代碼，即使條件為 false，因?yàn)槠渲械拇a執(zhí)行后才會(huì)進(jìn)行條件驗(yàn)證。語(yǔ)法：do需執(zhí)行的代碼while(變量<=結(jié)束值)案例：<html><body><script type=”text/javascript”>Var i=0;doDocument.write(“The number is ”+i);Document.write(“<br/>”);while(i<=1)

25、</script></body></html>結(jié)果：The number is 0; The number is 1;（4）break語(yǔ)句詳解。案例：<html><body><script type=”text/javascript”>Var i=0;For(i:i<=10;i+)If(i=3)Break;Document.write(“The number is ”+i);Document.write(“<br/>”);</script></body></html>結(jié)

26、果：The number is 0; The number is 1; The number is 2;（5）continue語(yǔ)句詳解: continue 命令會(huì)終止當(dāng)前的循環(huán)，然后從下一個(gè)值繼續(xù)運(yùn)行。案例：<html><body><script type=”text/javascript”>Var i=0;For(i:i<=5;i+)If(i=3)continue;Document.write(“The number is ”+i);Document.write(“<br/>”);</script></body>&

27、lt;/html>結(jié)果：The number is 0; The number is 1; The number is 2;The number is 4; The number is 5;(6)forin循環(huán)詳解：聲明用于對(duì)數(shù)組或者對(duì)象的屬性進(jìn)行循環(huán)操作，循環(huán)中的代碼每執(zhí)行一次，就會(huì)對(duì)數(shù)組或者對(duì)象的屬性進(jìn)行一次操作。語(yǔ)法：for(變量 in 對(duì)象)在此執(zhí)行代碼實(shí)例：<html><body><script type=”text/javascript”>Var x;Var listtest=new AyyayList();Listttest0=”a”;L

28、istttest1=”b”;Listttest2=”c”;For(x in listtest)Document.write(listtestx+”<br/>”);</script></body> </html>事件：(1)事件是可以被javascript偵測(cè)到的行為。網(wǎng)頁(yè)中的每個(gè)元素都可以產(chǎn)生某些可以觸發(fā) JavaScript 函數(shù)的事件。比方說(shuō)，我們可以在用戶點(diǎn)擊某按鈕時(shí)產(chǎn)生一個(gè) onClick 事件來(lái)觸發(fā)某個(gè)函數(shù)。事件在 HTML 頁(yè)面中定義。事件舉例：· 鼠標(biāo)點(diǎn)擊· 頁(yè)面或圖像載入· 鼠標(biāo)懸浮于頁(yè)面的某個(gè)熱點(diǎn)之

29、上· 在表單中選取輸入框· 確認(rèn)表單· 鍵盤按鍵注意：事件通常與函數(shù)配合使用，當(dāng)事件發(fā)生時(shí)函數(shù)才會(huì)執(zhí)行（2）常用事件案例。案例1：onFouces,onBlur和onChange這三個(gè)事件通常相互配合來(lái)驗(yàn)證表單下面是一個(gè)使用 onChange 事件的例子。用戶一旦改變了域的內(nèi)容，checkMail() 函數(shù)就會(huì)被調(diào)用<input type=”text” size=”30” onChange=”checkMail()”> 案例2：onSubmit用于提交表單之前驗(yàn)證表單域, 下面是一個(gè)使用 onSubmit 事件的例子。當(dāng)用戶單擊表單中的確認(rèn)按鈕時(shí)，ch

30、eckForm() 函數(shù)就會(huì)被調(diào)用。假若域的值無(wú)效，此次提交就會(huì)被取消。checkForm() 函數(shù)的返回值是 true 或者 false。如果返回值為true，則提交表單，反之取消提交。<from method=”post” action=”xxx.html” Onsubmit=”return checkFrom()”>案例3：onMouseOver和onMouseOut：onMouseOver 和 onMouseOut 用來(lái)創(chuàng)建“動(dòng)態(tài)的”按鈕下面是一個(gè)使用 onMouseOver 事件的例子。當(dāng) onMouseOver 事件被腳本偵測(cè)到時(shí)，就會(huì)彈出一個(gè)警告框： <a hr

31、ef=” onMouseOver=”alert(“that is right”);return false”><img src=”test.jpg” width=”100” height=”100”></a>異常捕獲：（1）異常捕獲類型。使用Try.catch.異常捕獲（主要適用于ie5以上內(nèi)核的瀏覽器，也是最床用的異常捕獲方式）使用onerror 事件異常捕獲，這種捕獲方式是比較古老的一種方式，目前一些主流的瀏覽器暫不支持本文基于失效開(kāi)發(fā)的前提，所以這個(gè)地方只講解trycatch異常捕獲，有興趣的同學(xué)可以自己找找onerror事件的捕獲方式（2）try

32、.catch.異常捕獲詳解：try部分包含要運(yùn)行的代碼，catch部分包含錯(cuò)誤運(yùn)行時(shí)要執(zhí)行的代碼。語(yǔ)法：try/在此執(zhí)行的代碼catch(err)/在此處理錯(cuò)誤的代碼案例：下面一個(gè)例子，由于誤寫了 alert()，所以錯(cuò)誤發(fā)生了。不過(guò)這一次，catch 部分捕獲到了錯(cuò)誤，并用一段準(zhǔn)備好的代碼來(lái)處理這個(gè)錯(cuò)誤。這段代碼會(huì)顯示一個(gè)自定義的出錯(cuò)信息來(lái)告知用戶所發(fā)生的事情。<html><head><script type=”text/javascript”>Function test()TryAlerrtt(“welcome dear”);catch(err)Aler

33、t(“此頁(yè)面出現(xiàn)了一個(gè)錯(cuò)誤，描述：”+err.description);</script></head><body><input type=”button” value=”click me” onClick=”test()”></body></html>特殊字符：（1）在javascript中我們經(jīng)常使用反斜杠來(lái)插入一些特殊字符，比如在文本字符串中插入省略號(hào)、換行符、引號(hào)和其他特殊字符。案例：var txt=”what are you going “to” do?”; Alert(“txt”);輸出：what are yo

34、u going如何解決這樣的問(wèn)題呢？要解決這個(gè)問(wèn)題，就必須把在 "to" 中的引號(hào)前面加上反斜杠 ()。這樣就可以把每個(gè)雙引號(hào)轉(zhuǎn)換為字面上的字符串。案例：var txt=”what are you going “to” do?”; Alert(“txt”);輸出：what are you going “to” do?(2)特殊字符的插入是非常簡(jiǎn)單易懂的，下邊這些特殊字符也都可以使用反斜杠添加到文本字符串中。'單引號(hào)"雙引號(hào)&和號(hào)反斜杠n換行符r回車符t制表符b退格符f換頁(yè)符以上就是javascript基本用法的相關(guān)知識(shí)點(diǎn)，還是非常簡(jiǎn)單的吧，相信同學(xué)

35、們，看到這里大家一定感慨原來(lái)javascript是這么簡(jiǎn)單啊，那么首先，我要先恭喜各位，已經(jīng)正式進(jìn)入javascript編程，但是，我同時(shí)也要告訴大家，這是進(jìn)入javascript編程的基本語(yǔ)法，換句話說(shuō)，我們還沒(méi)有進(jìn)入邏輯語(yǔ)法，高級(jí)javascript以及對(duì)象，圖像的處理。不過(guò)大家不用著急，本教程寫到這里是希望大家把基礎(chǔ)掌握熟練了，這對(duì)我們接下來(lái)的研究很有幫助。謝謝。Javascript對(duì)象篇對(duì)象簡(jiǎn)介：（1）javascript是面向?qū)ο蟮木幊陶Z(yǔ)言（oop），對(duì)象有自己的屬相和方法。字符串對(duì)象：（1）屬性：屬性指與客戶有關(guān)的值。在下面的例子中，我們使用字符串對(duì)象的長(zhǎng)度屬性來(lái)計(jì)算字符串中的字符

36、數(shù)目。案例：<script type=”text/javascript”>Var txt=”contratulations”;Document.write(txt.length); </script>輸出：15（2）方法：方法指對(duì)象可以完成的行為或者功能。在下面的例子中，我們使用字符串對(duì)象的 toUpperCase() 方法來(lái)顯示大寫字母文本。案例：<script type=”text/javascript”>Var txt=”contratulations”;Document.write(txt.toUpperCase(); </script>

37、輸出：CONTRATULATIONS日期對(duì)象：（1）日期的定義。 Date 對(duì)象用于處理日期和時(shí)間?？梢酝ㄟ^(guò) new 關(guān)鍵詞來(lái)定義 Date 對(duì)象。以下代碼定義了名為 myDate 的 Date 對(duì)象：Var mydate=new Date();注意：Date 對(duì)象自動(dòng)使用當(dāng)前的日期和時(shí)間作為其初始值。(2)日期對(duì)象的操作。在下面的例子中，我們?yōu)槿掌趯?duì)象設(shè)置了一個(gè)特定的日期 (2012 年 2 月 2 日)：案例1：var mydate=new Date(); Mydate=setFullYear(2012,1,2);注意：表示月份的參數(shù)介于 0 到 11 之間。也就是說(shuō)，如果希望把月設(shè)置為

38、2月，則參數(shù)應(yīng)該是 1。在下面的例子中，我們將日期對(duì)象設(shè)置為 5 天后的日期：案例2：var mydate=new Date(); Mydate.setDate(mydate.getDte()+5);注意：如果增加天數(shù)會(huì)改變?cè)路莼蛘吣攴荩敲慈掌趯?duì)象會(huì)自動(dòng)完成這種轉(zhuǎn)換(3)比較日期。日期對(duì)象也可用于比較兩個(gè)日期。下面的代碼將當(dāng)前日期與 2012 年2 月 2 日做了比較：Var mydate=new Date();Mydate.setFullDate(2012,1,2);Var today=new Date();If(today>mydate)Alert(“today is”+today

39、);elseAlert(“today is”+mydate);數(shù)組對(duì)象：（1）數(shù)組的定義和賦值：數(shù)組對(duì)象用來(lái)在單獨(dú)的變量名中存儲(chǔ)一系列的值。我們使用關(guān)鍵詞 new 來(lái)創(chuàng)建數(shù)組對(duì)象。下面的代碼定義了一個(gè)名為 myArray 的數(shù)組對(duì)象：Var myarray=new Array();有兩種向數(shù)組賦值的方法（你可以添加任意多的值，就像你可以定義你需要的任意多的變量一樣）。第一種方式：Var mycars=new Ayyar();Mycars0=”Saab”;Mycars1=”Volvo”;Mycars2=”BMW”;也可以使用一個(gè)整數(shù)自變量來(lái)控制數(shù)組的容量：Var mycars=new Ayyar

40、(3);Mycars0=”Saab”;Mycars1=”Volvo”;Mycars2=”BMW”;第二種方式：Var mycars=new Ayyar(“Saab”,”Volvo”,”BMW”);注意：如果你需要在數(shù)組內(nèi)指定數(shù)值或者邏輯值，那么變量類型應(yīng)該是數(shù)值變量或者布爾變量，而不是字符變量。(2)訪問(wèn)數(shù)組。通過(guò)指定數(shù)組名以及索引號(hào)碼，你可以訪問(wèn)某個(gè)特定的元素。案例：document.write(mycars1);輸出：Volvo;(3)修改已有數(shù)組中的值。只要向指定下標(biāo)號(hào)添加一個(gè)新值即可：Mycars0=”O(jiān)pel”;輸出 document.write(mycars0);Opel;邏輯對(duì)象

41、：（1）創(chuàng)建Boolean對(duì)象Boolean（邏輯）對(duì)象用于將非邏輯值轉(zhuǎn)換為邏輯值（true 或者 false）使用關(guān)鍵詞 new 來(lái)定義 Boolean 對(duì)象。下面的代碼定義了一個(gè)名為 myBoolean 的邏輯對(duì)象：Var myboolean=new Boolean();注意：如果邏輯對(duì)象無(wú)初始值或者其值為 0、-0、null、""、false、undefined 或者 NaN，那么對(duì)象的值為 false。否則，其值為 true（即使當(dāng)自變量為字符串 "false" 時(shí)）！下面的所有的代碼行均會(huì)創(chuàng)建初始值為 false 的 Boolean 對(duì)象。va

42、r myBoolean=new Boolean();var myBoolean=new Boolean(0);var myBoolean=new Boolean(“”);var myBoolean=new Boolean(null);var myBoolean=new Boolean(false);var myBoolean=new Boolean(NaN);下面的所有的代碼行均會(huì)創(chuàng)建初始值為 false 的 Boolean 對(duì)象。var myBoolean=new Boolean(1);var myBoolean=new Boolean(true);var myBoolean=new Boo

43、lean(“true”);var myBoolean=new Boolean(“false”);算數(shù)對(duì)象：(1) 算數(shù)值。Math（算數(shù)）對(duì)象的作用是：執(zhí)行普通的算數(shù)任務(wù)。Math 對(duì)象提供多種算數(shù)值類型和函數(shù)。無(wú)需在使用這個(gè)對(duì)象之前對(duì)它進(jìn)行定義。JavaScript 提供 8 種可被 Math 對(duì)象訪問(wèn)的算數(shù)值：· 常數(shù)· 圓周率· 2 的平方根· 1/2 的平方根· 2 的自然對(duì)數(shù)· 10 的自然對(duì)數(shù)· 以 2 為底的 e 的對(duì)數(shù)· 以 10 為底的 e 的對(duì)數(shù)這是在 Javascript 中使用這些值的方法：

44、（與上面的算數(shù)值一一對(duì)應(yīng)）· Math.E· Math.PI· Math.SQRT2· Math.SQRT1_2· Math.LN2· Math.LN10· Math.LOG2E· Math.LOG10E（2）算數(shù)方法。除了可被 Math 對(duì)象訪問(wèn)的算數(shù)值以外，還有幾個(gè)函數(shù)（方法）可以使用。實(shí)例1：下面的例子使用了 Math 對(duì)象的 round 方法對(duì)一個(gè)數(shù)進(jìn)行四舍五入Document.write(Math.round(4.7);輸出：5;實(shí)例2：下面的例子使用了 Math 對(duì)象的 random() 方法來(lái)返回一個(gè)

45、介于 0 和 1 之間的隨機(jī)數(shù)：Document.write(Math.random();輸出：0.12212xxxxx(或者0-1之間的任何小數(shù));實(shí)例3：下面的例子使用了 Math 對(duì)象的 floor() 方法和 random() 來(lái)返回一個(gè)介于 0 和 10 之間的隨機(jī)數(shù)：Document.write(Math.floor(Math.random()*11);輸出：8(或者0-10之間的任意整數(shù));正則表達(dá)式對(duì)象：（1）定義RegExp。RegExp 對(duì)象用于存儲(chǔ)檢索模式。來(lái)定義 RegExp 對(duì)象。以下代碼定義了名為 patt1 的 RegExp 對(duì)象，其模式是 "e&quo

46、t;：Var myreg=new RegExp(“e”);當(dāng)您使用該 RegExp 對(duì)象在一個(gè)字符串中檢索時(shí)，將尋找的是字符 "e"。（2）RegExp對(duì)象的方法。RegExp對(duì)象有三種方法test(),exec()以及complie()。Test():檢索字符串中的指定值。返回值是 true 或 false。案例：Var myreg=new RegExp(“e”); Document.write(myreg.test(“this is a test example!”);由于上邊已經(jīng)定義檢索字符是”e”,所以這個(gè)地方的輸出：true;Exec():檢索字符串中的指定值。返

47、回值是被找到的值。如果沒(méi)有發(fā)現(xiàn)匹配，則返回 null。案例：Var myreg=new RegExp(“e”); Document.write(myreg.exec(“this is a test example!”);由于上邊已經(jīng)定義檢索字符是”e”,并且檢索字符串中存在”e”,所以這個(gè)地方的輸出：e擴(kuò)展學(xué)習(xí)：您可以向 RegExp 對(duì)象添加第二個(gè)參數(shù)，以設(shè)定檢索。例如，如果需要找到所有某個(gè)字符的所有存在，則可以使用 "g" 參數(shù) ("global")。在使用 "g" 參數(shù)時(shí)，exec() 的工作原理如下：· 找到第一個(gè)

48、"e"，并存儲(chǔ)其位置· 如果再次運(yùn)行 exec()，則從存儲(chǔ)的位置開(kāi)始檢索，并找到下一個(gè) "e"，并存儲(chǔ)其位置案例：Var myreg=new RegExp(“e”,”g”);DoResult=myreg.exec(“this is a test example”);Document.write(result);while(result!=null)由于這個(gè)字符串中 3 個(gè) "e" 字母，代碼的輸出將是：eeenull;Compile():既可以改變檢索模式，也可以添加或刪除第二個(gè)參數(shù)。案例：Var myreg=new Re

49、gExp(“e”); Document.write(myreg.exec(“this is a test example!”); Var myreg=new RegExp(“d”); Document.write(pile(“this is a test example!”);由于字符串中存在 "e"，而沒(méi)有 "d"，以上代碼的輸出是：truefalse;以上就是javascript的基礎(chǔ)對(duì)象篇，那么學(xué)到這里，大家是否能完全掌握了呢？當(dāng)然，我木有完全的把所有相關(guān)的對(duì)象都列舉出來(lái)，那也是不現(xiàn)實(shí)的，編寫此教程的目的在于培養(yǎng)大家的編碼思想，對(duì)象的屬性和方法等知

50、識(shí)點(diǎn)其實(shí)也難死記硬背的，所以只要你掌握了編碼的思想，你就可以舉一反三，根據(jù)客戶的需求，查相關(guān)的幫助文檔，我希望大家把這一篇的知識(shí)好好的鞏固和學(xué)習(xí)一下，下一篇我們將深入javascript高級(jí)研究。Javascript高級(jí)瀏覽器檢測(cè)：（1）概念描述本教程中幾乎所有的代碼均可在任何支持 JavaScript 的瀏覽器中運(yùn)行。不過(guò)個(gè)別的代碼無(wú)法運(yùn)行于特定的瀏覽器，特別是老式的瀏覽器。所以，有些時(shí)候?qū)υL問(wèn)者的瀏覽器類型及版本進(jìn)行檢測(cè)是很有幫助的，然后可在此基礎(chǔ)上為訪問(wèn)者提供合適的信息。要做到這一點(diǎn)，最好的辦法是使你的網(wǎng)頁(yè)變得足夠聰明，這樣的話它就可以不同的方式對(duì)待不同類型的瀏覽器。JavaScript

51、 包含一個(gè)名為 Navigator 的對(duì)象，它就可以完成上述的任務(wù)。Navigator 包含了有關(guān)訪問(wèn)者瀏覽器的信息，包括瀏覽器類型、版本等等（2）Navigator對(duì)象詳解AppName:保存瀏覽器類型AppVersion:保存瀏覽器的版本信息實(shí)例1：<html><body><script type=”text/javascript”>Var browser= navigator.appname;Var messversion= navigator.appVersion;Var version=parseFloat(messversion);Documen

52、t.write(“browser name”+ browser+”<br/>”);Document.write(“browser version”+version);</script></body> </html>上面例子中的 browser 變量存有瀏覽器的名稱，比如，"Netscape" 或者 "Microsoft Internet Explorer"。上面例子中的 appVersion 屬性返回的字符串所包含的信息不止是版本號(hào)而已，但是現(xiàn)在我們只關(guān)注版本號(hào)。我們使用一個(gè)名為 parseFloat()

53、的函數(shù)會(huì)抽取字符串中類似十進(jìn)制數(shù)的一段字符并將之返回，這樣我們就可以從字符串中抽出版本號(hào)信息了。重要事項(xiàng)：在 IE 5.0 及以后版本中，版本號(hào)是不正確的！在 IE 5.0 和 IE 6.0 中，微軟為 appVersion 字符串賦的值是 4.0。怎么會(huì)出現(xiàn)這樣的錯(cuò)誤呢？無(wú)論如何，我們需要清楚的是，JavaScript 在 IE6、IE5 和 IE4 中的獲得的版本號(hào)是相同的。下面的腳本會(huì)根據(jù)訪問(wèn)者的瀏覽器類型顯示不同的警告。實(shí)例2：<html><body onload=”test()”><script type=”text/javascript”>Function test()Var browser= navigator.appname;Var messversion= navigator.appVersion;Var version=parseFloat(messversion);If(browser=”Netscape”| browser=” Inte

溫馨提示

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

最新文檔

評(píng)論

0/150

提交評(píng)論