《教学项目二十JavaScript分支与循环程序设计.ppt》由会员分享,可在线阅读,更多相关《教学项目二十JavaScript分支与循环程序设计.ppt(12页珍藏版)》请在三一文库上搜索。
1、教学项目二十 JavaScript分支与循环程序设计,【教学内容】 讲解JavaScript函数定义、分支程序及循环程序设计 【教学目的】 使学生学会设计JavaScript多分支程序,循环程序 【教学重点】 JavaScript循环程序设计 【教学难点】 JavaScript循环程序设计 【教学方式】 讨论式、案例分析式、练习式相结合 【教学参考】 1 杨浩著 清华大学出版社 2 Wittime工作室 重庆出版社 3 电脑报社出版 4 人民邮电出版社,【教学过程】 【新课】 一、函数定义语句 1、 function 函数名(形参表) . . .(函数执行部分) 2、 return 格式: r
2、eturn 表达式 返回函数的值,二、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(
3、obj) alert(“手机号码应该是11位数字“); else alert(“你填的是正确的手机号码“); ,三、JavaScript多分支语句 格式: switch (表达式) case 标号1 语句1 case 标号2 语句2 case 标号3 语句3 case 标号n 语句n 例二、 设计网页,能获取系统日期,并显示对应的星期值。,分析: (1)Javascript中处理与时间相关的操作使用内置对象date(); Date() 对象使用以下的形式创建: 变量名=new Date(),(2)在date()对象有如下常用的方法: getDate() 获取当前的日期; getDay() 获取
4、星期值; 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.wr
5、ite(“今天是“+(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( )+“日“+“星期三“
6、);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特效网页。,