版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
1、JavaScript 入門(mén)教程 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è)中?Document.write( “ HELLO WORL”D );上邊的代碼運(yùn)行的結(jié)果:HELLO WORLD解釋:如果需要把一段 JavaScript 插入 HTML 頁(yè)面,我們需要使用 標(biāo)簽(同時(shí) 使用 type 屬性來(lái)定義腳本語(yǔ)言) 。這樣就可以告訴瀏覽器, js 程序從何處開(kāi)始 , 從何處結(jié)束 。 Doc
2、ument.write是 js 命令,用于向頁(yè)面輸出信息。如果沒(méi)有 標(biāo)簽,那么瀏覽器會(huì)把Document.write( “HELLO WORL當(dāng)做純文本輸出。那些不支持js的瀏覽器會(huì)把腳本作為頁(yè)面的內(nèi)容來(lái)顯示。為了防止這種情況發(fā)生,我們可以使用這樣的 HTML 注釋標(biāo)簽 : 正斜杠是 JavaScript 的注釋符號(hào),它會(huì)阻止 JavaScript 編譯器對(duì)這一行 的編譯放置:(1)在 html 中如何放置 js?頁(yè)面中的腳本會(huì)在頁(yè)面載入瀏覽器后立即執(zhí)行。我們并不是想所有的腳本都這樣。有時(shí),我們 希望當(dāng)頁(yè)面載入時(shí)執(zhí)行腳本,而另外的時(shí)候,我們則希望當(dāng)用戶觸發(fā)事件時(shí)才執(zhí)行腳本。(2 )位于 hea
3、d 部分的腳本。 當(dāng)腳本被調(diào)用時(shí),或者當(dāng)事件被觸發(fā)時(shí),腳本就會(huì)被執(zhí)行。當(dāng)你把腳本放置到head 部分后,就可以確保在需要使用腳本之前,它已經(jīng)被載入了。 Document.write (“HELLO WO RLLD );3 )位于 body 部分的腳本。在頁(yè)面載入時(shí)腳本就會(huì)被執(zhí)行。當(dāng)你把腳本放置于 body 部分后,它就會(huì)生成頁(yè)面的內(nèi)容。 Document.write( “ HELLO WORL”D );( 4 )同時(shí)在 head 和 body 部分的腳本。你可以在文檔中放置任何數(shù)量的腳本, 因此你既可以把腳本放置到 body ,又可以放置到 head 部分。Document.write( “
4、he部分”);Document.write( “ be部分”);(5 )調(diào)用外部 js 腳本。有時(shí),你也許希望在若干個(gè)頁(yè)面中運(yùn)行 JavaScript ,同時(shí)不在每個(gè)頁(yè)面中寫(xiě)相同的腳本。為了達(dá)到這個(gè)目的,你可以將 JavaScript 寫(xiě)入一個(gè)外部文件之中。然后以 .js 為后綴保存這個(gè)文件。注意: 外部文件不能包含 標(biāo)簽。然后把 .js 文件指定給 標(biāo)簽中的 src 屬性,就可以使用這個(gè)外部文件了:注釋:(1 )單列注釋。/ 這是標(biāo)題頭decument.write(this is a title);/ 這是段落document.write( “ this is a content ” );(
5、2 )多列注釋。/*下面的代碼將輸出一個(gè)標(biāo)題,一個(gè)段落*/document.write(“ this is a title” );document.write(“ this is a content” );變量: ( 1)什么是變量? 變量是存儲(chǔ)信息的容器,那么在數(shù)學(xué)里邊也經(jīng)常使用到變量,我們還記得在數(shù)學(xué)中我們使用變 量是需要先聲明一個(gè)變量的,那么我們的 js 腳本語(yǔ)言使用變量只是需要先聲明,他們區(qū)別只在于聲明的方 式不同。(2)聲明(創(chuàng)建) js 變量和賦值。在 js 中我們使用 var 聲明變量,聲明變量的同時(shí)我們可以為變量賦一個(gè)默認(rèn)值:Var a;Var b= ” student ”;V
6、ar c=3;那么我們看見(jiàn)以上我們聲明了 3 個(gè)變量,一個(gè)沒(méi)有賦值,一個(gè)賦的 String 類型的值,一個(gè)是 int 類型的值,那有些同學(xué)就要問(wèn)了,是不是寫(xiě)錯(cuò)了啊?這里,我很明確的告訴大家, js 是一門(mén)弱類型的語(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ū)分大小寫(xiě)的: var a 和 var A 是兩個(gè)不同的變量(3)js 變量的運(yùn)算。Var A=3;Var B;Var
7、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+2x=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)算符用于給JavaScript變量賦值。給定 x=10 和y=5,下面
8、的表格解釋了賦值運(yùn)算符:運(yùn)算符例子等價(jià)于結(jié)果=x=yx=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;那么你猜至U c 的值了么? c= ” where are you going?I will going to
9、 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為 false!=不等于x!=8 為 true大于x8 為 fa
10、lse小于x=大于或等于x=8 為 false=小于或等于x=8 為 trueVar x=20;lf(x21)Document.write( “ he is too young!” );(7 )邏輯運(yùn)算符。邏輯運(yùn)算符用于測(cè)定變量或值之間的邏輯。給定x=6 以及y=3,下表解釋了邏輯運(yùn)算符:運(yùn)算符描述例子&and(x 1)為 true|or(x=5 | y=5)為 false!not!(x=y)為true(8 )條件運(yùn)算符。JavaScript還包含了基于某些條件對(duì)變量進(jìn)行賦值的條件運(yùn)算符。Varx=1;Vary=2;X=(y)?value1:value2聲明變量x,y ; x等于y嗎?如果是t
11、rue返回x的值value1,否則返回x的值value2.邏輯判斷: (1)條件判斷種類。在您編寫(xiě)代碼時(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í)行另外的代碼。if.else if.else語(yǔ)句:使用這個(gè)語(yǔ)句可以選擇執(zhí)行若干塊代碼中的一個(gè)。switch 語(yǔ)句:使用這個(gè)語(yǔ)句可以選擇執(zhí)行若干塊代碼中的一個(gè)。(2)if詳解。語(yǔ)法:if(條件)執(zhí)行代碼塊案例: vscript type= ” te
12、xt/javascript”Var a=10;Var b=19;lf(a(3) if else 詳解。語(yǔ)法:if(條件)條件滿足時(shí)執(zhí)行的代碼塊else條件不滿足時(shí)執(zhí)行的代碼塊案例:vscript type= ” text/javascript”Var a=10;Var b=19;lf(a=b)Document.write( “ You are too great!” );elseDocument.write( “I like this ” );(4) if - else if-else詳解。語(yǔ)法:if(條件1)條件1滿足時(shí)執(zhí)行的代碼塊else if(條件 2)條件2滿足時(shí)執(zhí)行的代碼塊else都
13、不滿足時(shí)執(zhí)行的代碼塊案例:vscript type= ” text/javascript ”Var a=10;Var b=19;lf(ab)Document.write( “I like this ” );elseDocument.write( It is too bad! ”;v/script(5) switch 詳解 語(yǔ)法:switch(n)Case 1:執(zhí)行代碼塊1BreakCase 2:執(zhí)行代碼塊2BreakDefault:不滿足以上兩個(gè)case的執(zhí)行的代碼塊案例:vscript type= ” text/javascriptVar a=10;switch(a)case 1:docum
14、ent.write(first ”;break;case 2:document.write( second ”; break;default:document.write( other ”;消息框:(1)消息框類別警告框確認(rèn)框提示框(2) 警告框。Alert(文本”);(3) 確認(rèn)框。Confirm(文本”);(4) 提示框。Prompt( 文本”,”默認(rèn)值”;函數(shù): (1)將腳本編寫(xiě)為函數(shù),就可以避免頁(yè)面載入時(shí)執(zhí)行該腳本。函數(shù)包含著一些代碼,這些代碼只能被事件激活,或者在函數(shù)被調(diào)用時(shí)才會(huì)執(zhí)行。你可以在頁(yè)面中的任何位置調(diào)用腳本(如果函數(shù)嵌入一個(gè)外部的.js文件,那么甚至可以從其他的頁(yè)面中調(diào)用)
15、。函數(shù)可以在頁(yè)面任何地方定義。案例:vscript type= ”ext/javascriptFunctiontest()Alert(消息框”;vinput type=button ” value= click me ”onclick= ”est() ”(2)如何定義函數(shù)語(yǔ)法:function test(var a,var b)要執(zhí)行的程序Var a和var b是函數(shù)定義的要轉(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ù)必須使用
16、這個(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ù)能夠識(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ǔ)法:fo
17、r(變量=開(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為止。For(var i=0;i10;i+)Document.write(Document.write(The number is +i);”);v/scriptv/body結(jié)果:The number is 0The number is1The number is 2The number is 3The number is 4The number is 5The number is 6The nu
18、mber is 7The number is 8The number is 9(2 ) while循環(huán):當(dāng)指定條件為true時(shí)循環(huán)執(zhí)行代碼。語(yǔ)法:while(變量 =結(jié)束值)需要執(zhí)行的代碼實(shí)例:while(i10)Document.write(The number is+i);Document.write( ”);結(jié)果:The number is 0The number is1The number is 2The number is 3The number is 5The number is 6The number is 7The number is 8The number is 9(3) d
19、owhile循環(huán)語(yǔ)法:do.while 循環(huán)是 while 循環(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é)束值)案例:vscript type= text/javascriptVar i=0;doDocument.write(The number is+i);Document.write( ”;while(i=1)結(jié)果:The number is 0;The num
20、ber is 1;(4) break語(yǔ)句詳解。Var i=0;For(i:i=10;i+)lf(i=3)Break;Document.write(The number is+i);Document.write( ”;v/scriptv/body結(jié)果: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)行。案例:vscript type= text/javascript Var i=0;For(i:i=5;i+)lf(i=3)continue;Document
21、.write(The number is+i);Document.write( ”;The number is 1;The number is 2;The number is 4;The number is 5;(6) for in循環(huán)詳解:聲明用于對(duì)數(shù)組或者對(duì)象的屬性進(jìn)行循環(huán)操作,循環(huán)中的代碼每執(zhí)行一次,就會(huì)對(duì)數(shù)組或者對(duì)象的屬性進(jìn)行一次操作。語(yǔ)法:for(變量in對(duì)象)在此執(zhí)行代碼實(shí)例:vscript type=text/javascriptVar x;Var listtest=new AyyayList();ListttestO=”a”;Listttest1=b ”;Listttest2=
22、”c;For(x in listtest)Document.write(listtestx+”;事件: (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)之上在表單中選取輸入框確認(rèn)表單鍵盤(pán)按鍵注意:事件通常與函數(shù)配合使用,當(dāng)事件發(fā)生時(shí)函數(shù)才會(huì)執(zhí)行(2 )常用事件案例。案例1: onFouces,onBlur 和onChange 這三個(gè)事件通常相互配合來(lái)驗(yàn)證表單|
23、下面是一個(gè)使用onChange 事件的例子。用戶一旦改變了域的內(nèi)容,checkMail() 函數(shù)就會(huì)被調(diào)用vinput type= text ” size= 30 ” onChange= checkMail()”案例2: onSubmit用于提交表單之前驗(yàn)證表單域 ,下面是一個(gè)使用 onSubmit 事件的例子。當(dāng)用戶單擊表單中的確認(rèn)按鈕時(shí),checkForm() 函數(shù)就會(huì)被調(diào)用。假若域的值無(wú)效,此次提交就會(huì)被取消。checkForm() 函數(shù)的返回值是true 或者false。如果返回值為true,則提交表單,反之取消提交。vfrom method= post action= xxx.htm
24、l 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è)警告框:異常捕獲:(1 )異常捕獲類型。使用Try.catch.異常捕獲(主要適用于ie5以上內(nèi)核的瀏覽器,也是最床用的異常捕 獲方式)使用onerror事件異常捕獲,這種捕獲方式是比較古老的一種方式,目前一些主流的瀏覽器暫不支持本文基于失效開(kāi)發(fā)的前提,所以這個(gè)地方只講解trycatch異常捕獲
25、,有興趣的同學(xué)可以自己找找onerror事件的捕獲方式(2) try.catch.異常捕獲詳解:try部分包含要運(yùn)行的代碼,catch部分包含錯(cuò)誤運(yùn) 行時(shí)要執(zhí)行的代碼。語(yǔ)法:try/在此執(zhí)行的代碼catch(err)/在此處理錯(cuò)誤的代碼案例:下面一個(gè)例子,由于誤寫(xiě)了alert(),所以錯(cuò)誤發(fā)生了。不過(guò)這一次,catch部分捕獲到了錯(cuò)誤,并用一段準(zhǔn)備好的代碼來(lái)處理這個(gè)錯(cuò)誤。這段代碼會(huì)顯示一個(gè)自定義的岀錯(cuò)信息來(lái)告知用 戶所發(fā)生的事情。vscript type= text/javascriptFunction test()TryAlerrtt( welcome dear ”;catch(err)Al
26、ert(此頁(yè)面出現(xiàn)了一個(gè)錯(cuò)誤,描述: +err .description);vinput type=button value= click me onClick= test()”特殊字符:(1 )在javascript中我們經(jīng)常使用反斜杠來(lái)插入一些特殊字符,比如在文本字符串中插入省略號(hào)、換行符、引號(hào)和其他特殊字符。案例:var txt= what are you going to do?;Alert( tXt ”);輸出: what are you going如何解決這樣的問(wèn)題呢?要解決這個(gè)問(wèn)題,就必須把在to中的引號(hào)前面加上反斜杠()。這樣就可以把每個(gè)雙引號(hào)轉(zhuǎn)換為字面上的字符串。案例:var
27、 txt= ”“” do?Alert( fXt ”);輸出: what are you goingto ” 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é)們,看到這里大家一定感慨原來(lái)javascript是這么簡(jiǎn)單啊,那么首先,我要先恭喜各位,已經(jīng)正式進(jìn)入 javascript 編程,但是,我同時(shí)也要告訴大家,這是進(jìn)入javascript編程的基本語(yǔ)法,換句話說(shuō),我們還沒(méi)有進(jìn)入邏輯語(yǔ)法,高級(jí)javascri
28、pt以及對(duì)象,圖像的處理。不過(guò)大家不用著急,本教程寫(xiě)到這里是希望大家把基礎(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ì)算字符串中的字符數(shù)目。案例: vscript type= ” text/javascript”Var txt= contratulations”;Document.write(txt .l ength);輸岀:15(2)方法:方法指對(duì)象可以完成的行為或者功能。
29、在下面的例子中,我們使用字符串對(duì)象的toUpperCase()方法來(lái)顯示大寫(xiě)字母文本。案例: vscript type=text/javascript”Var txt= contratulations ”Document.write(txt.toUpperCase();輸出:CONTRATULATIONS日期對(duì)象:(1 )日期的定義。注意: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
30、,2);注意:表示月份的參數(shù)介于0到11之間。也就是說(shuō),如果希望把月設(shè)置為 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();lf(toda
31、ymydate)Alert( today is +today);elseAlert( today is +mydate);數(shù)組對(duì)象:(1 )數(shù)組的定義和賦值:數(shù)組對(duì)象用來(lái)在單獨(dú)的變量名中存儲(chǔ)一系列的值。的數(shù)組對(duì)我們使用關(guān)鍵詞new來(lái)創(chuàng)建數(shù)組對(duì)象。下面的代碼定義了一個(gè)名為myArray象:Var myarray=new Array();有兩種向數(shù)組賦值的方法(你可以添加任意多的值,就像你可以定義你需要的任意多的變 量一樣)。|第一種方式:Var mycars=new Ayyar();Mycars0=Saab ”;Mycars1=Volvo ”;Mycars2=BMW ;也可以使用一個(gè)整數(shù)自變量來(lái)
32、控制數(shù)組的容量:Var mycars=new Ayyar(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è)新值即可:MycarsO=Opel ”;輸出 docum
33、ent.write(mycars0);Opel;邏輯對(duì)象:(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、undefinedNaN,那么對(duì)象的值為false。否則,其值為true (即使當(dāng)自變量為字符串false 時(shí))!下面的所有的代碼行均會(huì)創(chuàng)建初始值為false的Boolean 對(duì)象。var myBool
34、ean=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 Boolean(true ”)
35、;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ù)值:10的自然對(duì)數(shù)以2為底的e的對(duì)數(shù)以10為底的e的對(duì)數(shù)這是在Javascript中使用這些值的方法:(與上面的算數(shù)值一一對(duì)應(yīng))Math.EMath.PIMath.SQRT2Math.SQRT1_2Math.LN2Math.LN10Math.L0G2EMath.LOG10E(2)算數(shù)方法。除了可被 Math對(duì)象訪問(wèn)的算數(shù)
36、值以外,還有幾個(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è)介于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()*1
37、1);輸岀:8(或者0-10之間的任意整數(shù));正則表達(dá)式對(duì)象:(1 )定義 RegExp。RegExp對(duì)象用于存儲(chǔ)檢索模式。來(lái)定義RegExp對(duì)象。以下代碼定義了名為patt1 的RegExp對(duì)象,其模式是e:Var myreg=new RegExp(“ ”);當(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(
38、myreg.test(this is a test example!);由于上邊已經(jīng)定義檢索字符是 e ”所以這個(gè)地方的輸岀:true;Exec():檢索字符串中的指定值。返回值是被找到的值。如果沒(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ù)(
39、global)。在使用g參數(shù)時(shí),exec()的工作原理如下:? 找到第一個(gè)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 RegExp(e ”;D
40、ocument.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í)的,編寫(xiě)此教程的目的在于培養(yǎng)大家的編碼思想,對(duì)象的屬性和方法等知識(shí)點(diǎn)其實(shí)也難死記硬背的,所以只要你掌握了編碼的思想,你就可以舉一反三,根據(jù)客戶的需求
41、,查相關(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包含一個(gè)名為Navigator的對(duì)象,它就可以完成上述的任務(wù)。Naviga
42、tor包含了有關(guān)訪問(wèn)者瀏覽器的信息,包括瀏覽器類型、版本等等(2)Navigator 對(duì)象詳解AppName:保存瀏覽器類型AppVersion:保存瀏覽器的版本信息實(shí)例 1 : Var browser= navigator.appname;Var messversion= navigator.appVersion;Var version=parseFloat(messversion);Document.write( browser name + browser+ ”;Document.write( browser versionversion);上面例子中的 browser變量存有瀏覽器的名
43、稱,比如, Netscape 或者M(jìn)icrosoftInternet Explorer 。上面例子中的 appVersion 屬性返回的字符串所包含的信息不止是版本號(hào)而已,但是現(xiàn)在我們只關(guān)注版本號(hào)。我們使用一個(gè)名為parseFloat() 的函數(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 中的獲得的版
44、本號(hào)是相同的。下面的腳本會(huì)根據(jù)訪問(wèn)者的瀏覽器類型顯示不同的警告。實(shí)例 2 : Function test()Var browser= navigator.appname;Var messversion= navigator.appVersion;Var version=parseFloat(messversion);lf(browser= w Netscape ” browser= w InternetExplorer &version=4)Alert( Your browser is good enough!”;elseAlert( It is time to upgrade your br
45、owser!”;v/scriptv/bodyCookies :(1)什么是 cookie ?cookie是存儲(chǔ)于訪問(wèn)者的計(jì)算機(jī)中的變量。每當(dāng)同一臺(tái)計(jì)算機(jī)通過(guò)瀏覽器請(qǐng)求某個(gè)頁(yè)面時(shí),就會(huì)發(fā)送這個(gè) cookie。你可以使用 JavaScript來(lái)創(chuàng)建和取回cookie 的值。J(2)cookie的使用范圍名字cookie :當(dāng)訪問(wèn)者首次訪問(wèn)頁(yè)面時(shí),他或她也許會(huì)填寫(xiě)他/她們的名字。名字會(huì)存儲(chǔ)于cookie 中。當(dāng)訪問(wèn)者再次訪問(wèn)網(wǎng)站時(shí),他們會(huì)收到類似Welcome John Doe! 的歡迎詞。而名字則是從cookie中取回的。密碼cookie :當(dāng)訪問(wèn)者首次訪問(wèn)頁(yè)面時(shí),他或她也許會(huì)填寫(xiě)他/她們的密碼。密碼也可被存儲(chǔ)于cookie中。當(dāng)他們?cè)俅卧L問(wèn)網(wǎng)站時(shí),密碼就會(huì)從cookie中取回。日期cookie :當(dāng)訪問(wèn)者首次訪問(wèn)你的網(wǎng)站時(shí),當(dāng)前的日期可存儲(chǔ)于cookie 中。當(dāng)他們?cè)俅卧L問(wèn)網(wǎng)站時(shí),他們會(huì)收到類似這樣的一條消息:Your last visit was on Tuesday |August 11,2005!。日期也是從 cookie 中取回的。(3)創(chuàng)建和存儲(chǔ) cookie在這個(gè)例子中我們要?jiǎng)?chuàng)建一個(gè)存儲(chǔ)訪問(wèn)者名字的cookie。當(dāng)訪問(wèn)者首次訪問(wèn)網(wǎng)站時(shí),他們會(huì)被要求填寫(xiě)姓名。名字會(huì)存儲(chǔ)于cookie中。當(dāng)訪問(wèn)者再次訪問(wèn)網(wǎng)站時(shí),他們就會(huì)收到歡迎詞。首先,我們會(huì)創(chuàng)建一個(gè)可在
溫馨提示
- 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ì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 長(zhǎng)沙商貿(mào)旅游職業(yè)技術(shù)學(xué)院《機(jī)械制圖與實(shí)驗(yàn)》2023-2024學(xué)年第一學(xué)期期末試卷
- 配電網(wǎng)數(shù)據(jù)采集與分析
- 述職報(bào)告:技術(shù)領(lǐng)先之道模板
- 職業(yè)導(dǎo)論-2020年房地產(chǎn)經(jīng)紀(jì)人《職業(yè)導(dǎo)論》真題匯編
- 名畫(huà)欣賞與創(chuàng)作模板
- 公司年年會(huì)主持稿
- 二零二五年電子商務(wù)平臺(tái)入駐合作協(xié)議范本3篇
- 二零二五版北京車牌租賃市場(chǎng)推廣合作合同規(guī)范范本9篇
- 二零二五版基站建設(shè)場(chǎng)地使用權(quán)及通信網(wǎng)絡(luò)優(yōu)化合同2篇
- 吉林油田十二中2024-2025學(xué)年七年級(jí)上學(xué)期期末語(yǔ)文試卷(含答案)
- 分期還款協(xié)議書(shū)
- 小區(qū)住戶手冊(cè)范本
- ??低?視頻監(jiān)控原理培訓(xùn)教材課件
- 《鄭伯克段于鄢》-完整版課件
- 土壤肥料全套課件
- 畢業(yè)生延期畢業(yè)申請(qǐng)表
- 學(xué)校6S管理制度
- 肽的健康作用及應(yīng)用課件
- T.C--M-ONE效果器使用手冊(cè)
- 8小時(shí)等效A聲級(jí)計(jì)算工具
- 人教版七年級(jí)下冊(cè)數(shù)學(xué)計(jì)算題300道
評(píng)論
0/150
提交評(píng)論