文档介绍:教学项目二十 JavaScript分支与循环程序设计
【教学内容】
讲解JavaScript函数定义、分支程序及循环程序设计
【教学目的】
使学生学会设计JavaScript多分支程序,循环程序
【教学重点】
JavaScript循环程序设计
【教学难点】
JavaScript循环程序设计
【教学方式】
讨论式、案例分析式、练****式相结合
【教学参考】
1.<<JavaScript 入门与提高>> 杨浩著清华大学出版社
2.<< 网页工场>> Wittime工作室重庆出版社
3.<<JavaScript从入门到精通>> 电脑报社出版
4.<<JavaScript编程起步>> 人民邮电出版社
【教学过程】
【新课】
 
一、函数定义语句
1、  function 函数名(形参表)
{
.
.
.(函数执行部分)
}
 
2、  return
格式:
return 表达式
返回函数的值
二、Javascript两分支语句
案例设计:检测用户的手机号码
分析:
(1)  手机号码应为11位
=11
(2)  手机号码应以13开头
(0,1)=”13”
(3)  手机号码是由0—9的数字11位数字组成
使用函数isNaN()测试字符串中是否有非数字字符
<html>
<body>
<script>
function aa(obj)
{
if(!=11) alert("手机号码应该是11位数字");
else if((0,2)!=“13”) alert(“手机号码应该以13开头");
else if(isNaN(obj)) alert("手机号码应该是11位数字");
else alert("你填的是正确的手机号码");
}
</script>
三、JavaScript多分支语句
格式:
switch (表达式)
{
case 标号1 语句1
case 标号2 语句2
case 标号3 语句3
…
case 标号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 七月
<html>
<head>
<script language="javascript">
var week;
var p=new Date( );
switch (())
{
case 0: ("今天是"+(( )+1)+"月"+( )+"日"+"星期日");break;
case 1: ("今天是"+(( )+1)+"月"+( )+"日"+"星期一");break;
case 2: ("今天是"+(( )+1)+"月"+( )+"日"+"星期二");break;
case 3: ("今天是"+(( )+1)+"月"+( )+"日"+"星期三");break;
case 4: ("今天是"+(( )+1)+"月"+( )+"日"+"星期四");break;
case 5: ("今天是"+(( )+1)+"月"+( )+"日"+"星期五");break;
case 6: ("今天是"+(( )+1)+"月"+( )+"日"+"星期六");break;
}
</script>
</head>
</html>