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

《教学项目二十JavaScript分支与循环程序设计》由会员分享，可在线阅读，更多相关《教学项目二十JavaScript分支与循环程序设计（12页珍藏版）》请在金锄头文库上搜索。

1、教学项目二十教学项目二十 JavaScriptJavaScript分支与循环程序设计分支与循环程序设计 【教学内容】【教学内容】讲解讲解JavaScriptJavaScript函数定函数定义、义、分支程序及循环程序设计分支程序及循环程序设计【教学目的】【教学目的】 使学生学会设计使学生学会设计JavaScriptJavaScript多分支程序，循环程序多分支程序，循环程序【教学重点】【教学重点】 JavaScriptJavaScript循环程序设计循环程序设计【教学难点】【教学难点】 JavaScriptJavaScript循环程序设计循环程序设计【教学方式】【教学方式】讨论式、案例分析式、练

2、习式相结合讨论式、案例分析式、练习式相结合【教学参考】【教学参考】1 1 杨浩著杨浩著 清华大学出版社清华大学出版社2 2 WittimeWittime工作室工作室 重庆出版社重庆出版社3 3 电脑报社出版电脑报社出版4 4 人民邮电出版社【教学过程】【新课】一、函数定义语句1、function 函数名（形参表）.(函数执行部分)2、return格式: return 表达式返回函数的值二、Javascript两分支语句案例设计：检测用户的手机号码分析:(1) 手机号码应为11位 obj.length=11(2)手机号码应以13开头obj.substring(0,1)=”13”(3)手机号码是由

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例二、 设计网

4、页，能获取系统日期，并显示对应的星期值。分析：（1）Javascript中处理与时间相关的操作使用内置对象date();Date()对象使用以下的形式创建：变量名=newDate()（2）在date()对象有如下常用的方法：getDate()获取当前的日期；getDay()获取星期值；0-星期天5-星期五1-星期一6-星期六2-星期二3-星期三4-星期四getHours()获取当前的小时getMinutes()获取当前的分钟getSeconds()获取当前的秒钟getYear()获取年份值getMonth()获取当前的月份值/*getMonth()+1为实际的月份值0一月7八月1二月8九月2三

5、月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: d

6、ocument.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=3;i+) window.open(a2.htm,width=400,height=260) 【课后小结】本次课程介绍了JavaScript分支程序与循环程序的基本结构，同时使用分支语句和循环语句设计了四个JavaScript特效网页，在学习过程中逐步学习自己设计JavaScript特效网页。