教学项目二十JavaScript分支与循环程序设计.ppt

教学项目二十 JavaScript分支与循环程序设计,【教学内容】讲解JavaScript函数定义、分支程序及循环程序设计【教学目的】使学生学会设计JavaScript多分支程序，循环程序【教学重点】JavaScript循环程序设计【教学难点】JavaScript循环程序设计【教学方式】讨论式、案例分析式、练习式相结合【教学参考】1 杨浩著 清华大学出版社2 Wittime工作室 重庆出版社3 电脑报社出版4 人民邮电出版社,【教学过程】【新课】一、函数定义语句1、function 函数名（形参表）.(函数执行部分)2、return格式:return 表达式返回函数的值,二、Javascript两分支语句,案例设计：检测用户的手机号码,分析:(1)手机号码应为11位 obj.length=11(2)手机号码应以13开头obj.substring(0,1)=”13”(3)手机号码是由09的数字11位数字组成使用函数isNaN()测试字符串中是否有非数字字符function aa(obj)if(obj.length!=11)alert(手机号码应该是11位数字);else if(obj.substring(0,2)!=“13”)alert(“手机号码应该以13开头);else if(isNaN(obj)alert(手机号码应该是11位数字);else alert(你填的是正确的手机号码);,三、JavaScript多分支语句格式：switch(表达式)case 标号1 语句1case 标号2 语句2case 标号3 语句3case 标号n 语句n例二、设计网页，能获取系统日期，并显示对应的星期值。,分析：（1）Javascript中处理与时间相关的操作使用内置对象date();Date()对象使用以下的形式创建：变量名=new Date(),（2）在date()对象有如下常用的方法：getDate()获取当前的日期；getDay()获取星期值；0-星期天 5-星期五1-星期一 6-星期六2-星期二3-星期三4-星期四,getHours()获取当前的小时getMinutes()获取当前的分钟getSeconds()获取当前的秒钟getYear()获取年份值getMonth()获取当前的月份值/*getMonth()+1为实际的月份值0 一月 7 八月1 二月 8 九月2 三月 9 十月3 四月 10 十一月4 五月 11 十二月5 六月6 七月,var week;var p=new Date();switch(p.getDay()case 0:document.write(今天是+(p.getMonth()+1)+月+p.getDate()+日+星期日);break;case 1:document.write(今天是+(p.getMonth()+1)+月+p.getDate()+日+星期一);break;case 2:document.write(今天是+(p.getMonth()+1)+月+p.getDate()+日+星期二);break;case 3:document.write(今天是+(p.getMonth()+1)+月+p.getDate()+日+星期三);break;case 4:document.write(今天是+(p.getMonth()+1)+月+p.getDate()+日+星期四);break;case 5:document.write(今天是+(p.getMonth()+1)+月+p.getDate()+日+星期五);break;case 6:document.write(今天是+(p.getMonth()+1)+月+p.getDate()+日+星期六);break;,四、循环程序设计JavaScript中的循环程序可以使用for,while语句实现。案例三、使用for语句实现打开网页时弹出多个窗口。,function pop()for(i=1;i,【课后小结】本次课程介绍了JavaScript分支程序与循环程序的基本结构，同时使用分支语句和循环语句设计了四个JavaScript特效网页，在学习过程中逐步学习自己设计JavaScript特效网页。,