教学项目二十 JavaScript分支与循环程序设计 教学内容】 讲解 JavaScript函数定义、分支程序及循环程序设计 教学目的】 使学生学会设计 JavaScript多分支程序,循环程序 教学重点】 JavaScript循环程序设计 教学难忘】 JavaScript循环程序设计 教学方式】 讨论式、案例分析式、练习式相结合 【教学参考】 1.杨浩著 清华大学出版社 2.〉 电脑报社出版 4. 人民邮电出版社
教学项目二十 JavaScript分支与循环程序设计 【教学内容】 讲解JavaScript函数定义、分支程序及循环程序设计 【教学目的】 使学生学会设计JavaScript多分支程序，循环程序 【教学重点】 JavaScript循环程序设计 【教学难点】 JavaScript循环程序设计 【教学方式】 讨论式、案例分析式、练习式相结合 【教学参考】 1．> 杨浩著 清华大学出版社 2．> Wittime工作室 重庆出版社 3．> 电脑报社出版 4．> 人民邮电出版社
教学过程】 新课】 函数定义语句 1、 function函数名(形参表) (函数执行部分) 2、 return 格式: return表达式 返回函数的值
【教学过程】 【新课】 一、函数定义语句 1、 function 函数名（形参表） { . . .(函数执行部分) } 2、 return 格式: return 表达式 返回函数的值
二、 Javascript两分支语句 案例设计:检测用户的手机号码 ]6:特数代码检测手机号码ht一 crosoft Internet Exp1oxer 交件)编①)燕看收藏)工具帮助 后··国图的搜索次收藏夹的媒体份应,孕·回出 地址)eG:\特效代码检测手机号码htm 转到链接” 示例:1312346566 Microsoft Internet Explorer xI 你填的是正确的手机号码 确定 □完毕 我的电脑 开给问a119- Micros 特效代码 「强6\特效代码\检测 E?10:29
二、Javascript两分支语句 案例设计：检测用户的手机号码
②阅 收爽媒体必 址():特代码检手机号t 转到接 示例,1309876 [了 手机号码应该是11位数事 把口用 h:特效码检 后 回必①搜索收兴的媒体·二 地址()的:特代码检调于机号m 示例:11111111 手机号码应该以13开 完毕 我的电胎
分析: (1)手机号码应为1位 obj. length=ll (2)手机号码应以13开头 obj. substring(0, 1)=13 3)手机号码是由09的数字1位数字组成 使用函数 isNaN(测试字符串中是否有非数字字符 <> function aa(ob j) f(obj. length!=1) alert("手机号码应该是11位数字") Ise if(obj. substring(0,2)!=13”) alert(“手机号码应该以13开头 else if( i sNaN(obj) alert("手机号码应该是11位数字") else alert("你填的是正确的手机号码"); scrip
分析: (1) 手机号码应为11位 obj.length=11 (2) 手机号码应以13开头 obj.substring(0,1)=”13” (3) 手机号码是由0—9的数字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语句1 case 标号2语句2 case标号3语句3 case标号n语句n 例二、设计网页,能获取系统日期,并显示对应的星期值。 G三、特效代”4二黑好不工科群联x日…x料x 件C 作) 属6)工且)報助O m 搜索收夹的龈体② 地址①))a特效代书、tm4,tm 今天是8月4日星期三 完与 r用 M<ED-M 如特变代 aa-记 重一1
三、JavaScript多分支语句 格式： switch (表达式) { case 标号1 语句1 case 标号2 语句2 case 标号3 语句3 … case 标号n 语句n } 例二、 设计网页，能获取系统日期，并显示对应的星期值
分析 (1) Javascript处理与时间相关的操作使用内置对象 date; DateD对象使用以下的形式创建 变量名= new Date 2)在 datel对象有如下常用的方法 getDate获取当前的日期; getDayo获取星期值; 0--期天 5--星期五 1-星期 6--星期六 2-星期二 3--星期三 4--星期四
分析： （1）Javascript中处理与时间相关的操作使用内置对象date(); Date() 对象使用以下的形式创建： 变量名=new Date() （2）在date()对象有如下常用的方法： getDate() 获取当前的日期； getDay() 获取星期值； 0-----星期天 5---- 星期五 1----- 星期一 6---- 星期六 2----- 星期二 3----- 星期三 4----- 星期四
getHourso获取当前的小时 getMinute获取当前的分钟 getseconds(获取当前的秒钟 get Year获取年份值 getmontho获取当前的月份值/* getMontho+1为实际的月份值 0 月 7八月 月 8九月 2三月 9十月 3四月 10十一月 4 五月 11十二月 5六月 6七月
getHours() 获取当前的小时 getMinutes()获取当前的分钟 getSeconds()获取当前的秒钟 getYear()获取年份值 getMonth()获取当前的月份值 /*getMonth()+1为实际的月份值 0 一月 7 八月 1 二月 8 九月 2 三月 9 十月 3 四月 10 十一月 4 五月 11 十二月 5 六月 6 七月
<> head> Script language="javascript"> var week var p=new Date() switch (p get Day () case0: document.wite("今天是"+(p. getMonth()+1)+月"+p. getDate()+"日+星 期日"); break case1: document. write("今天是"+(p. getMonth()+1)+"月"+p. getDate()+"日”+星 期一"); break case2: document. write("今天是"+(p. getMonth()+1)+"月"+p. getDate()+"日”+星 期二"); break case3: document. write("今天是"+(p. getMonth()+1)+"月"+p. getDate()+"日"+"星 期三"); break case4: document. write("今天是"+(p. getMonth()+1)+"月"+p. getDate()+"日"+"星 期四"); break case5: document. write("今天是"+(p. getMonth()+1)+"月"+p. getDate()+"日"+"星 期五"); break case6: document. write("今天是"+(p. getMonth()+1)+"月"+p. getDate()+"日”+星 期六"); break; K/script>
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语句实现打开网页时弹出多个窗口 会G:\特效代码无限窗口2.htm-夏 icrosoft Int ernet Explorer 回网 文件①)编辑)查看①)收藏()工具〔)帮助Q ⊙后回的P收来媒体的,品圆·回当 地址①)eG:特效代码\无限窗口2htm 转到链接 这回只是三个窗口! 后a120-s物特效代码 G:\特效代码无限 15:03
四、循环程序设计 JavaScript中的循环程序可以使用for,while语句实现。 案例三、使用for语句实现打开网页时弹出多个窗口