教学项目十九 JavaScript函数与分支程序设计 教学内容】 讲解 JavaScript函数定义、使用及分支程序设计 教学目的】 使学生掌握 JavaScript函数的定义,学会设计简单分支结构的 JavaScript程序 教学重点】 JavaScript运算符的使用 教学难点】 表单对象元素的访问 教学方式】 讨论式、案例分析式、练习式相结合 教学参考 1.> Wittle工作室重庆出版社 3. 人民邮电出版社 5. 电子工业出版社
教学项目十九 JavaScript函数与分支程序设计 【教学内容】 讲解JavaScript函数定义、使用及分支程序设计 【教学目的】 使学生掌握JavaScript函数的定义，学会设计简单分支结构的 JavaScript程序 【教学重点】 JavaScript运算符的使用 【教学难点】 表单对象元素的访问 【教学方式】 讨论式、案例分析式、练习式相结合 【教学参考】 1．> 杨浩著 清华大学出版社 2．> Wittime工作室 重庆出版社 3．> 电脑报社出版 4．> 人民邮电出版社 5．> 电子工业出版社
教学过程】 新课】 函数定义语句 1、 function函数名(形参表) (函数执行部分) 2、 return 格式: return表达式 返回函数的值
【教学过程】 【新课】 一、函数定义语句 1、 function 函数名（形参表） { . . .(函数执行部分) } 2、 return 格式: return 表达式 返回函数的值
案例一设计网页,显示提示信息别碰我,当用户点击时,会不断弹出信息窗口 G:\特效代码\环警告信息.htm- icrosoft Internet Exp1orex 件①)编辑)查看0收藏()工具①)帮助0 ⊙⊙☆收媒件的,,回当 地址①)e6:特效代码语环警告信息 转到链接 别碰我 Microsoft Internet Explorer x waiting 包按了可就关不掉了! 我的电脑 园c1ass19- Micro 特效代码 G:\特效代码循环
案例一 设计网页,显示提示信息别碰我,当用户点击时，会不断弹出信息窗口:
<> 别碰我
别碰我
案例二分析程序执行的结果 html Heady function first(p, g) 米2 b=b+1 var c=100 document. writeln("P的值为:",p,"") document. writeln("a的值为:",a
案例二 分析程序执行的结果 function first(p,q) { p=p*2; b=b+1; var c=100; document.writeln("P的值为：",p,""); document.writeln("a的值为：",a,""); document.writeln("b的值为：",b,""); document.writeln("c的值为：",c,""); } var a=1, b=2, c=3; first(a,b); document.writeln("a的值为：",a,""); document.writeln("b的值为：",b,""); document.writeln("c的值为：",a,"");
分析 程序在函数体用VAR定义变量为局部变量,其值不会影响函数外的同名 变量名(如c) (2)在函数内部改动一个外部变量的值,会使外部变量的值发生改变(如b) 3G:1特效代码1变量范围.htm- icrosoft Internet Exp1orer 文件①)编错①)查看收藏)工具()帮助Q ⊙后·国回的搜次收夹的媒体,8,口凸 地址①)eG:特效代码变量范围htm 曰转到链接 P的值为:2 a的值为:1 变量范围一记事本 的值为:3 文件)编辑)格式@)查看)帮助 c的值为:100 a的值为:1 b的值为:3 c的值为:1 Function first(p, q) 18 document. writeln("P的值为 ,p," 0un:Wn(“的为;…;}">” document. writeln(c ",c,"") var a=1 b=2. C=3 first(a,b); document "); ocument. write document. write =3 a,"““); cl8ss19- I 画特效代码 「3G:\特效代码、变量范围 E
分析: (1) 程序在函数体用VAR定义变量为局部变量,其值不会影响函数外的同名 变量名(如 c); (2) 在函数内部改动一个外部变量的值,会使外部变量的值发生改变(如 b)
案例三设计检测手机号码的程序 31G:1特效代码1检测手机号码,htm-重 icrosoft Int ernet Exp1oxex 文件①)编辑)查着0)收藏0)工具①)帮助0 后国回的次收卖媒体的,品·口 地址①)G:\特效代码检测手机号码htm v转到链接 示例,[1312346666 「提交 Microsoft Internet Explorer x 你填的是正确的手机号码 匚确定 的完毕 我的电脑 给回1a119-Mx0「特效代码 G:\特效代码检测 10:29
案例三 设计检测手机号码的程序
G=特数4 ⊙m口回心和宫收嫩的白,园·□ 地址①)1G:特效代码检画手机号五em 转到 示例,309876 手机号码应该是11位数学 确定 G、特数代检测千机号码,Bt一题以xOD工n飞n的tB王ex 后n 必索收限头的体·一 地址()的:特代码检调于机号m □转到幅” 示例:11111111 手机号码应该以13开 完 我的电胎
分析 (1)手机号码应为11位立 obj. length=ll (2)手机号码应以13开头 obj. substring(0, 1)=13" (3)手机号码是由09的数字11位数字组成 使用函数 isNaN(测试字符串中是否有非数字字符 html Script function aa(ob j) if(obj. length!=11) alert("手机号码应该是11位数字"); else if(obj. substring(0,2)!=13”) alert(“手机号码应该以13开头 else if( isNaN(obj)) alert("手机号码应该是11位数字") else alert("你填的是正确的手机号码") K/script>
分析: (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("你填的是正确的手机号码"); }
示例: Input type=button value- 提交 onclick=aa(document codeN. No value)> 课后小结】 函数是实现一定功能的代码模块,要掌握函数的定义,调用方法 在处理表单并获取字段值时,例中使用的是语句 document. codeN.No. value,要明确每—部分的意义
示例： 【课后小结】 函数是实现一定功能的代码模块,要掌握函数的定义,调用方法; 在处理表单并获取字段值时,例中使用的是语句 document.codeN.No.value,要明确每一部分的意义