javascript第二章.ppt

WE ARE CHANGING,第二章,JavaScript流程控制和函數(shù),掌握if語句和switch語句 掌握循環(huán)控制語句3種結(jié)構(gòu) 掌握常用的內(nèi)置函數(shù) 掌握函數(shù)的定義與調(diào)用,本章目標(biāo),簡單if語句 If else 語句 多重if語句,if語句,if(條件表達式) 語句塊; ,if(條件表達式) 語句塊1; else 語句塊2; ,if(條件表達式) 語句塊1; else if(條件表達式2) 語句塊2; else if(條件表達式n) 語句塊n; else 語句塊n +1; ,4,if-else 示例,輸入分?jǐn)?shù):50 顯示考試不及格對話框, = 60) /判斷分?jǐn)?shù)是否=60，返回true或false alert(考試及格!); /如果分?jǐn)?shù)=60為true則顯示及格的消息 else alert(考試不及格！); /如果分?jǐn)?shù) ,多重if 示例, = 90) /判斷分?jǐn)?shù)是否=90，返回true或false alert(你的成績一級棒啊!); else if(score=80 /-,輸入不同分?jǐn)?shù)，顯示不同的對話框,這里我們碰到了短路與 和短路和的問題,switch多分支語句,switch語句和示例,switch (表達式) case 常量1 : JavaScript語句1; break; case 常量2 : JavaScript語句2; break; . default : JavaScript語句3; , ,7,while(條件表達式) 語句; ,while循環(huán) do-while循環(huán) for循環(huán),循環(huán)語句,do 語句; while (條件表達式);,for(初始化; 條件; 增量) 語句; ,8,2008年全球福布斯財富排行榜(前5位) 循環(huán)輸出字符 打印99乘法表,循環(huán)示例,); while(b); while(c); while(d); while(e, 請輸入幾個字母看看效果：); do var character; character = prompt(請輸入一個字母，輸入N或n結(jié)束：,B);/輸入對話框 document.write( +character+); while(character!=n /- , ); /每行結(jié)束換行 /- ,9,break語句：跳出正在執(zhí)行的循環(huán)結(jié)構(gòu) 求前10個數(shù)的和 continue語句：忽略continue后面的語句，從下一次循環(huán)開始執(zhí)行 輸出100以內(nèi)的偶數(shù),循環(huán)控制break 和continue, , ,聯(lián)合使用break和continue語句， 求前10個偶數(shù)的和，怎樣寫呢？,函數(shù)的含義：類似于Java中的方法，是執(zhí)行特定任務(wù)的語句塊。,什么是函數(shù),如何希望點擊某個按鈕后才顯示“今天心情好好啊！”， 怎么辦？,11,什么是函數(shù),1、在頁面中加入一個表單和一個按鈕。 2、把要顯示的代碼放置到函數(shù)中，當(dāng)點擊按鈕時，才調(diào)用該函數(shù)顯示“今天心情好好?。　?代碼：, 無參數(shù)無返回值函數(shù) ,12,函數(shù)的定義：語法 函數(shù)的調(diào)用: 函數(shù)調(diào)用和表單元素的事件一起使用， 調(diào)用格式為 ：事件名“函數(shù)名”,函數(shù)的定義和調(diào)用,注意事項： 函數(shù)名區(qū)分大小寫，且不能相同，更不能使用JavaScript的關(guān)鍵字。 在function關(guān)鍵字之前不能指定返回值的數(shù)據(jù)類型。 函數(shù)定義中 是指可選的，也就是說，自定義的函數(shù)可以帶參數(shù)，也可以不帶參數(shù)，如果有參數(shù)，參數(shù)可以是變量、常量或表達式。自定義函數(shù)可以有返回值，也可以沒有，如果省略了return語句，則函數(shù)返回undefined。 函數(shù)的參數(shù)列表中不象Java一樣指定參數(shù)的數(shù)據(jù)類型，只寫參數(shù)量名字。 參數(shù)列表中如果有多個參數(shù)，則各參數(shù)之間需要以“,”隔開。 函數(shù)必須放在標(biāo)簽之間。 函數(shù)的定義最好放在網(wǎng)頁的部分。 定義函數(shù)時并不執(zhí)行組成該函數(shù)的代碼，只有調(diào)用函數(shù)時才執(zhí)行代碼。,function 函數(shù)名( 參數(shù)列表 ) 程序語句 return 返回值; ,13,計算任意給定的區(qū)間的數(shù)的和,有參數(shù)和返回值的函數(shù),定義帶參數(shù)的函數(shù)，用兩個形參來分別表示左右區(qū)間 在函數(shù)里循環(huán)累加區(qū)間里的數(shù)，把累加和返回 在調(diào)用函數(shù)的代碼里傳如區(qū)間值，使用變量來接收返回值，顯示和。,代碼：, 有參數(shù)有返回值函數(shù) var sum= 0 ; sum = sumbetween(1,100); /調(diào)用sumbetween函數(shù) document.write(1至100之間所有整數(shù)的和為：+sum); ,有沒有可能在函數(shù)的定義時，不給出參數(shù)列表，在函數(shù)的調(diào)用時給出實參？,沒有參數(shù)的函數(shù),可以，在函數(shù)內(nèi)部使用arguments對象來訪問函數(shù)被調(diào)用時程序傳給該函數(shù)的所有實參。,代碼：, 有參數(shù)有返回值函數(shù) var sum= 0 ; sum = sumbetween(1,100); /調(diào)用sumbetween函數(shù) document.write(1至100之間所有整數(shù)的和為：+sum); ,全局變量： 指在標(biāo)簽中聲明的變量。 獨立于所有函數(shù)之外，作用范圍是該變量聲明后的所有語句，包括其后定義在的函數(shù)中的語句。 局部變量： 在函數(shù)中聲明的變量只有在該函數(shù)中、且位于該變量聲明之后的程序代碼才可以使用這個變量。 函數(shù)的參數(shù)列表中的變量也是屬于該函數(shù)的局部變量。 局部變量一定是屬于某個函數(shù)，故對其后的其它函數(shù)和腳本代碼來說都是不可見的（不能訪問）。 如果在其后的其它函數(shù)和腳本代碼中聲明了與這個局部變量同名的變量，則這兩個變量沒有任何關(guān)系。,全局變量和局部變量, 全局變量和局部變量 var number=100,sum=100; /聲明2個全局變量 function changeValue() var number = 10; /聲明和全局變量同名的局部變量number document.write(number = +number+); /輸出局部變量number document.write(sum = +sum+); /輸出全局變量sum changeValue(); /調(diào)用函數(shù) document.write( number = +number+); /輸出全局變量number ,parseInt (String) 將字符串轉(zhuǎn)換為整型數(shù)字 如: parseInt (“86”)將字符串“86”轉(zhuǎn)換為整型值86 parseFloat(String) 將字符串轉(zhuǎn)換為浮點型數(shù)字 如: parseInt (“34.45”)將字符串“34.45”轉(zhuǎn)換為浮點值34.45 isNaN()函數(shù) 判斷一個變量或一個字符串是否為NaN。如果是，則返回true，不是則返回false。例如：isNaN( parseInt(“ab”) )將返回true，isNaN(“12”)將返回false。 eval()函數(shù) eval函數(shù)將一個字符串作為一段JavaScript表達式執(zhí)行，并返回執(zhí)行的結(jié)果。,內(nèi)置函數(shù),17,簡單計算器 使用evel函數(shù),內(nèi)置函數(shù)示例, 全局變量和局部變量 function sum() var num1=parseFloat(document.myform.first.value); var num2=parseFloat(document.myform.second.value); if(isNaN(num1)=true) alert(document.myform.first.value+不能轉(zhuǎn)換為一個數(shù)字！); return; if(isNaN(num2)=true) alert(document.myform.second.value+不能轉(zhuǎn)換為一個數(shù)字！); return; document.myform.result.value =num1+num2; , eval函數(shù)的用法 function calc() var re = eval(document.form1.express.value); document.form1.result.value = re; 表達式： ,if條件判斷語句，可以多重嵌套使用 switch用于多分支條件，書寫更直觀，整潔 break語句：跳出正在執(zhí)行的循環(huán)結(jié)構(gòu) continue語句：忽略continue后面的語句，從下一次循環(huán)開始執(zhí)行 函數(shù)調(diào)用和表單元素的事件一起使用，調(diào)用格式為 ：事件名“函數(shù)名” function函數(shù)可以不帶參數(shù)，也可以帶多個參數(shù)，還可以有返回值（return） 局部變量在函數(shù)內(nèi)部定義，全局變量在函數(shù)外部定義,總結(jié),