《Javascript基本語(yǔ)法.ppt》由會(huì)員分享，可在線閱讀，更多相關(guān)《Javascript基本語(yǔ)法.ppt（38頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。
1、學(xué)習(xí)目標(biāo),了解Javascript概念 學(xué)習(xí)編寫Javascript程序 學(xué)習(xí)使用Javascript的控制流程及函數(shù) 學(xué)習(xí)使用Javascript的內(nèi)置函數(shù) 學(xué)習(xí)使用Javascript的系統(tǒng)函數(shù),Javascript概述,什么是Javascript? Javascript是一門基于對(duì)象的腳本語(yǔ)言 可以用在所有的主流瀏覽器 能夠?qū)τ脩舻妮斎脒M(jìn)行相應(yīng)的動(dòng)作,增加交互性 能夠?qū)崿F(xiàn)網(wǎng)頁(yè)的特效,在html中嵌入Javascript,內(nèi)部嵌入 在html中只要加入標(biāo)記,然后在標(biāo)記間插入javascript代碼 例如:,在html中嵌入Javascript,外部嵌入 可以將javascript代碼放在單
2、獨(dú)的文件里,然后在網(wǎng)頁(yè)中調(diào)入。例如: 1.js文件中寫： document.write(“hello world),在html中嵌入Javascript,直接嵌入 可以直接將代碼嵌入html的標(biāo)記中 例如:,變 量（1/2）,變量 變量常被用來(lái)存儲(chǔ)數(shù)據(jù) 變量名區(qū)分大小寫 變量名應(yīng)該是字母,數(shù)字或者下劃線“_” ，長(zhǎng)度小于等于255個(gè)字符，第一個(gè)字符必須為字母或者下劃線 不可以使用javascript用到的保留字，例如：for、var等 例如變量聲明（也可以不預(yù)先聲明）: var username=“tom” //注釋一行 /**/注釋內(nèi)部多行,變量（2/2）,判斷以下變量是否有效 abcde
3、fghijklmnopqrstuvwxyz、 a b、a+b、_ab、a 表示函數(shù)fun1（）主體，中間調(diào)用顯示數(shù)字3。 document. write()是文檔對(duì)象的輸出函數(shù)，其功能是將括號(hào)中的字符或變量值輸出到窗口。,程序的第一步（3/3）,alert(3); 表示彈出警告窗口，顯示數(shù)字3。 注意：如果是顯示字符，必須有引號(hào)。 window.open(URL); 表示打開(kāi)另一新窗口?？稍冢ǎ┲袑懮洗蜷_(kāi)窗口中顯示的文件，可以是圖片，或者是html文件都可。,判斷語(yǔ)句（1/2）,if..else語(yǔ)句 1)if語(yǔ)句主要用于條件判斷,條件為真或者為假時(shí)分別執(zhí)行不同的語(yǔ)句 2)基本語(yǔ)法 if(條件表
4、達(dá)式) 條件為真時(shí)執(zhí)行此語(yǔ)句 else 條件為假時(shí)執(zhí)行此語(yǔ)句 ,判斷語(yǔ)句（2/2）,switchcase語(yǔ)句 1）其執(zhí)行過(guò)程是，當(dāng)變量與case條件值相等時(shí)，則執(zhí)行其后所有語(yǔ)句，并且當(dāng)碰上下一個(gè)case時(shí)也不再加以判斷相等與否 2）基本語(yǔ)法 switch（變量名稱） case條件值1：執(zhí)行語(yǔ)句1；break case條件值2：執(zhí)行語(yǔ)句2；break default：執(zhí)行語(yǔ)句n break語(yǔ)句作用：幫助跳出該判斷語(yǔ)句，不再執(zhí)行后面的語(yǔ)句。 default語(yǔ)句作用：表示默認(rèn)執(zhí)行語(yǔ)句，則當(dāng)所有case值都不滿足時(shí)則執(zhí)行該語(yǔ)句。,循環(huán)語(yǔ)句,循環(huán)語(yǔ)句 for循環(huán) 1)for循環(huán)語(yǔ)句是用來(lái)執(zhí)行指
5、定次數(shù)的同一段代碼 2)基本語(yǔ)法 for(變量初始值;是否繼續(xù)循環(huán)的條件;變量自增) 循環(huán)代碼 while循環(huán) 1)while循環(huán)也是用來(lái)循環(huán),條件為真時(shí)執(zhí)行指定代碼 2)基本語(yǔ)法 while(是否循環(huán)的條件) 條件為真時(shí)循環(huán)的代碼 ,do 條件為真時(shí)循環(huán)的代碼 while(是否循環(huán)的條件),for循環(huán),語(yǔ)法格式如下： for（表達(dá)式1；表達(dá)式2；表達(dá)式3） 語(yǔ)句 執(zhí)行過(guò)程如下： 1) 先求解表達(dá)式1。 2)求解表達(dá)式2，若其值為真，則執(zhí)行內(nèi)嵌語(yǔ)句，然后執(zhí)行第3）步；若為假，則結(jié)束循環(huán)，執(zhí)行第5）步。 3) 求解表達(dá)式3。 4) 轉(zhuǎn)回第2）步繼續(xù)執(zhí)行。 5) 循環(huán)結(jié)束，
6、執(zhí)行for語(yǔ)句下面的語(yǔ)句。 break語(yǔ)句：可以用來(lái)跳出整個(gè)循環(huán)。 continue語(yǔ)句：可以用來(lái)跳出本次循環(huán)。,Javascript對(duì)象概述,對(duì)象概述 Javascript是一門基于對(duì)象的腳本語(yǔ)言,它將網(wǎng)頁(yè)的每個(gè)部分都看成一個(gè)對(duì)象,對(duì)象用來(lái)控制javascript控制網(wǎng)頁(yè)組成部分的實(shí)體, 由屬性和方法兩部分組成 Javascript對(duì)象類型 1)核心對(duì)象:主要包括javascript的最基本的數(shù)據(jù)類型 2)瀏覽器對(duì)象:主要包括網(wǎng)頁(yè)的各個(gè)組成元素 引用對(duì)象的途徑 1)用戶創(chuàng)建:使用new語(yǔ)句生成 2)由瀏覽器提供 3)使用javascritp自帶對(duì)象 說(shuō)明:用戶可以使用this關(guān)鍵字來(lái)表示當(dāng)前
7、的對(duì)象,使用Javascript核心對(duì)象數(shù)組（1/3）,Array對(duì)象 1)Array對(duì)象是數(shù)組對(duì)象,數(shù)組是用來(lái)存儲(chǔ)多個(gè)變量的集合. 2)創(chuàng)建Array對(duì)象 firstArray = new Array() :直接生成Array對(duì)象,沒(méi)指定長(zhǎng)度 firstArray = new Array(size):生成指定長(zhǎng)度的Array對(duì)象 說(shuō)明:生成了Array對(duì)象后可以使用，如firatArrayn(n為數(shù)字標(biāo)示第n個(gè)，從0開(kāi)始，到size-1結(jié)束 （必須預(yù)先聲明，但可以不指定size） 3)常見(jiàn)數(shù)組方法 length 方法:返回?cái)?shù)組的長(zhǎng)度，即元素個(gè)數(shù),使用Javascript核心對(duì)象數(shù)組（2/3）
8、,在聲明數(shù)組時(shí)，還可以在其括號(hào)內(nèi)直接輸入值。 a=new Array( ) a0=1 a1=2 a2=3 等價(jià)于： a=new Array(1,2,3 ),例： a=new Array() a0=1 a1=2 a2=3 b=new Array(a,b,c ) alert(a0) alert(a) alert(b),其結(jié)果在網(wǎng)頁(yè)上依次彈出警告框：,,,,說(shuō)明： 使用數(shù)組時(shí)，可以寫清楚數(shù)組下標(biāo)單個(gè)數(shù)值的使用，也可以只寫數(shù)組名將數(shù)組整個(gè)使用。 數(shù)組賦值時(shí)，如果是數(shù)字可以不加引號(hào)，字符則必須加引號(hào)，否則報(bào)錯(cuò)。,使用Javascript核心對(duì)象數(shù)組（3/3）,數(shù)組函數(shù)length,例： a=new Ar
9、ray() a0=3 a9=1 alert(a.length) /*注意：其中a.length不能用引號(hào)，否則為打印字符串。*/,結(jié)果顯示：,,分析：數(shù)組下標(biāo)從0開(kāi)始，到9結(jié)束，雖然中間沒(méi)存數(shù)，但是還是占用一部分內(nèi)存空間，所以長(zhǎng)度為10。,數(shù)組函數(shù)concat,該函數(shù)用來(lái)將兩個(gè)已存在的數(shù)組連接成一個(gè)新數(shù)組。,3.7 數(shù)組函數(shù)concat,例：
Javascript基本語(yǔ)法.ppt
