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