湖北职晚计算机科学与技术理论课教案一《网页设计》 教学项目十九 JavaScript函数与分支程序设计 【教学内容】 讲解 JavaScript函数定义、使用及分支程序设计 【教学目的】 使学生掌握 JavaScript函数的定义,学会设计简单分支结构的 JavaScript程序 【教学重点】 JavaScript运算符的使用 【教学难点】 表单对象元素的访问 【教学方式】 讨论式、案例分析式、练习式相结合 【教学参考】 1. 电子工业出版社 【教学过程】 【新课】
湖北职院计算机科学与技术系理论课教案—《网页设计》 教学项目十九 JavaScript 函数与分支程序设计 【教学内容】 讲解 JavaScript 函数定义、使用及分支程序设计 【教学目的】 使学生掌握 JavaScript 函数的定义，学会设计简单分支结构的 JavaScript 程序 【教学重点】 JavaScript 运算符的使用 【教学难点】 表单对象元素的访问 【教学方式】 讨论式、案例分析式、练习式相结合 【教学参考】 1．> 杨浩著 清华大学出版社 2．> Wittime 工作室 重庆出版社 3．> 电脑报社出版 4．> 人民邮电出版社 5．> 电子工业出版社 【教学过程】 【新课】
湖北职晚计算机科学与技术理论课教案一《网页设计》 函数定义语句 1、 function函数名(形参表) (函数执行部分) 2、 return 格式 return 表达式 返回函数的值 案例一设计网页显示提示信息别碰我,当用户点击时,会不断弹出信息窗口
湖北职院计算机科学与技术系理论课教案—《网页设计》 一、函数定义语句 1、 function 函数名（形参表） { . . .(函数执行部分) } 2、 return 格式: return 表达式 返回函数的值 案例一 设计网页,显示提示信息别碰我,当用户点击时，会不断弹出信息窗口
湖北职晚计算机科学与技术亲理论课教案一《网页设计》 地址)单a1特效代码师环警省信息btm 列雖我 icrosoft Internet Explorer 匚确定 G:特效代码\环 script> 别碰我 案例二分析程序执行的结果
湖北职院计算机科学与技术系理论课教案—《网页设计》 别碰我 案例二 分析程序执行的结果
湖北职晚计算机科学与技术理论课教案一《网页设计》 Head> function first(p, g) 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的值为:", document. writeln("b的值为:",b,"") document. writeln("c的值为:",a,"") 分析 (1)程序在函数体用VAR定义变量为局部变量,其值不会影响函数外的同名变量名(如c) (2)在函数内部改动一个外部变量的值,会使外部变量的值发生改变(如b)
湖北职院计算机科学与技术系理论课教案—《网页设计》 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,""); 分析: (1) 程序在函数体用 VAR 定义变量为局部变量,其值不会影响函数外的同名变量名(如 c); (2) 在函数内部改动一个外部变量的值,会使外部变量的值发生改变(如 b)
湖北职晚计算机科学与技术亲理论课教案一《网页设计》 G:\特效代码1变量范图.htm- icrosoft Internet Explorer 后图搜索次收取的媒体创总,号图· 地址①)G特效代码变量范图a 到链撞 P的值为:2 a的值为:1 色变量范围-记事本 回 b的值为:3 文件①)编辑④)格式①)查着①)帮助0 ript> ction first(p, q) 始回410如特代30特代 变量范围 案例三设计检测手机号码的程序 謀体② )中特效代科\检手机号妈htm 示例:1312346666 1特效代码检面
湖北职院计算机科学与技术系理论课教案—《网页设计》 案例三 设计检测手机号码的程序
湖北职晚计算机科学与技术亲理论课教案一《网页设计》 后园必收夹的体的③,品 地0)包e特效代码检手机号钙ht [提交 手机号应诿是1位数字 d我的电胎 ⊙回的6P收如,四,口 热址①))G:效代检手机号码Bt 转动 1[安 「 roport" nternet1xx ∠!手机号码应以13头 分析 (1)手机号码应为11位 obj. length=ll (2)手机号码应以13开头 obj. substring(0,1)=”13” (3)手机号码是由0-9的数字11位数字组成 使用函数 isNaN O测试字符串中是否有非数字字符
湖北职院计算机科学与技术系理论课教案—《网页设计》 分析: (1) 手机号码应为 11 位 obj.length=11 (2) 手机号码应以 13 开头 obj.substring(0,1)=”13” (3) 手机号码是由 0—9 的数字 11 位数字组成 使用函数 isNaN()测试字符串中是否有非数字字符
湖北职晚计算机科学与技术理论课教案一《网页设计》 function aa(ob j) if(ob. length!=11) alert("手机号码应该是11位数字") else if(ob j. substring(0,2)!="13″) alert("手机号码应该以13开头") else if( i sNaN(obj) alert("手机号码应该是11位数字") else alert("你填的是正确的手机号码") 【课后小结】 函数是实现一定功能的代码模块,要掌握函数的定义,调用方法;在处理表单并获取 字段值时,例中使用的是语句 document. codeN.No. value,要明确每一部分的意义
湖北职院计算机科学与技术系理论课教案—《网页设计》 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("你填的是正确的手机号码"); } 示例： 【课后小结】 函数是实现一定功能的代码模块,要掌握函数的定义,调用方法;在处理表单并获取 字段值时,例中使用的是语句 document.codeN.No.value,要明确每一部分的意义