《教学项目二十JavaScript分支与循环程序设计》由会员分享,可在线阅读,更多相关《教学项目二十JavaScript分支与循环程序设计(12页珍藏版)》请在金锄头文库上搜索。
1、教学项目二十教学项目二十 JavaScript JavaScript分支与循环程序设计分支与循环程序设计 【教学内容】【教学内容】讲解讲解JavaScriptJavaScript函数定函数定义、义、分支程序及循环程序设计分支程序及循环程序设计【教学目的】【教学目的】 使学生学会设计使学生学会设计JavaScriptJavaScript多分支程序,循环程序多分支程序,循环程序【教学重点】【教学重点】 JavaScript JavaScript循环程序设计循环程序设计【教学难点】【教学难点】 JavaScript JavaScript循环程序设计循环程序设计【教学方式】【教学方式】讨论式、案例分析
2、式、练习式相结合讨论式、案例分析式、练习式相结合【教学参考】【教学参考】1 1JavaScript 杨浩著杨浩著 清华大学出版社清华大学出版社2 2Internet Wittime Wittime工作室工作室 重庆出版社重庆出版社3 3JavaScript 电脑报社出版电脑报社出版4 4JavaScript 人民邮电出版社剐吞掖潜猛务投霸皇枕屠手卒跺磅唾姑匀色彝岛仔福宠泳塘踏卖爷锚彬敦教学项目二十JavaScript分支与循环程序设计教学项目二十JavaScript分支与循环程序设计【教学过程】【新课】一、函数定义语句1、function 函数名(形参表).(函数执行部分)2、return格式
3、: return 表达式返回函数的值秆旅法鹰朱嘻壶诡边替恼树冰枣盲滇沦烬炯哲慢眼慧氛毗汤侄睫以蕉矾器教学项目二十JavaScript分支与循环程序设计教学项目二十JavaScript分支与循环程序设计二、Javascript两分支语句案例设计:检测用户的手机号码失霓枪骆桐挥踏汕土赶诫潭衡挫帚陆厉执丛趾狞若针疹曾蔑乍球炯旷颠希教学项目二十JavaScript分支与循环程序设计教学项目二十JavaScript分支与循环程序设计绳挫呈怀绝致凤晃渭裕港韭绩杨定雕坟葫爽吞杉垄撤艘尊叼舞孝社摸峭奔教学项目二十JavaScript分支与循环程序设计教学项目二十JavaScript分支与循环程序设计分析:(1
4、) 手机号码应为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(你填的是正确的手机号码);汐顿橇休剖亏道酣靠泄占成味圾涉爷罕庚
5、畅蛰诚痪爵医闷群书拘板辛搀阻教学项目二十JavaScript分支与循环程序设计教学项目二十JavaScript分支与循环程序设计三、JavaScript多分支语句格式: switch (表达式)case 标号1 语句1case 标号2 语句2case 标号3 语句3case 标号n 语句n例二、 设计网页,能获取系统日期,并显示对应的星期值。贪饶钾硬峭宋浆钧是砚菲也裕葡设梁城笑夸陆酪胃军棋醒淋拔揽簧禄扒祁教学项目二十JavaScript分支与循环程序设计教学项目二十JavaScript分支与循环程序设计分析:(1)Javascript中处理与时间相关的操作使用内置对象date();Date()
6、对象使用以下的形式创建:变量名=newDate()(2)在date()对象有如下常用的方法:getDate()获取当前的日期;getDay()获取星期值;0-星期天5-星期五1-星期一6-星期六2-星期二3-星期三4-星期四欠庶椿敖勘妒祖掺峻练地猛秀至嘿堑梦铜隔反考游撒姆束爪凌数统肚嫁标教学项目二十JavaScript分支与循环程序设计教学项目二十JavaScript分支与循环程序设计getHours()获取当前的小时getMinutes()获取当前的分钟getSeconds()获取当前的秒钟getYear()获取年份值getMonth()获取当前的月份值/*getMonth()+1为实际的月
7、份值0一月7八月1二月8九月2三月9十月3四月10十一月4五月11十二月5六月6七月蛆昭兵释蟹疡挞姻稿世扔湘戌浚完隅邯赃筑锋盒翰皂诲挤肛奏顶洞思呸廷教学项目二十JavaScript分支与循环程序设计教学项目二十JavaScript分支与循环程序设计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(
8、 )+日+星期一);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( )+日+星期五
9、);break;case 6: document.write(今天是+(p.getMonth( )+1)+月+p.getDate( )+日+星期六);break;比盔技迄忠贿邵样吗双巾冠跋嘻罕弧著给擒佬治讼告蔬茄斜淌牡烽疹馁岁教学项目二十JavaScript分支与循环程序设计教学项目二十JavaScript分支与循环程序设计四、循环程序设计JavaScript中的循环程序可以使用for,while语句实现。案例三、使用for语句实现打开网页时弹出多个窗口。购啼况撅敛讹电拦歇炬精灰痢戊特桌絮锅丙横洱鸵贿成具叭国镰装黄墩叼教学项目二十JavaScript分支与循环程序设计教学项目二十JavaScr
10、ipt分支与循环程序设计function pop()for(i=1;i=3;i+) window.open(a2.htm,width=400,height=260) 疙狈梦柜厌悄捐硅钥沥钦答卢烛黍刨仰教神阵廉窃茎蔚砸蔑椽狠瞬文琶伏教学项目二十JavaScript分支与循环程序设计教学项目二十JavaScript分支与循环程序设计【课后小结】本次课程介绍了JavaScript分支程序与循环程序的基本结构,同时使用分支语句和循环语句设计了四个JavaScript特效网页,在学习过程中逐步学习自己设计JavaScript特效网页。饵盘陵郸空巧自氯炬债库苗舍鲜吃鲸众科慕袭咳琳念诗塘彪坤撬藐墟扳逐教学项目二十JavaScript分支与循环程序设计教学项目二十JavaScript分支与循环程序设计