湖北职晚计算机科学与技术理论课教案一《网页设计》 教学项目十九 JavaScript函数与分支程序设计 【教学内容】 讲解 JavaScript函数定义、使用及分支程序设计 【教学目的】 使学生掌握 JavaScript函数的定义,学会设计简单分支结构的 JavaScript程序 【教学重点】 JavaScript运算符的使用 【教学难点】 表单对象元素的访问 【教学方式】 讨论式、案例分析式、练习式相结合 【教学参考】 1.<< JavaScript入门与提高〉〉杨浩著 清华大学出版社 2.< Internet网页工场〉 Wittime工作室重庆出版社 3.< JavaScript从入门到精通》〉 电脑报社出版 4.< JavaScript编程起步》〉 人民邮电出版社 5.< Flash m灵感设计> 电子工业出版社 【教学过程】 【新课】
湖北职院计算机科学与技术系理论课教案—《网页设计》 教学项目十九 JavaScript 函数与分支程序设计 【教学内容】 讲解 JavaScript 函数定义、使用及分支程序设计 【教学目的】 使学生掌握 JavaScript 函数的定义，学会设计简单分支结构的 JavaScript 程序 【教学重点】 JavaScript 运算符的使用 【教学难点】 表单对象元素的访问 【教学方式】 讨论式、案例分析式、练习式相结合 【教学参考】 1．<<JavaScript 入门与提高>> 杨浩著 清华大学出版社 2．<<Internet 网页工场>> Wittime 工作室 重庆出版社 3．<<JavaScript 从入门到精通>> 电脑报社出版 4．<<JavaScript 编程起步>> 人民邮电出版社 5．<<Flash MX 灵感设计>> 电子工业出版社 【教学过程】 【新课】
湖北职晚计算机科学与技术理论课教案一《网页设计》 函数定义语句 1、 function函数名(形参表) (函数执行部分) 2、 return 格式 return 表达式 返回函数的值 案例一设计网页显示提示信息别碰我,当用户点击时,会不断弹出信息窗口
湖北职院计算机科学与技术系理论课教案—《网页设计》 一、函数定义语句 1、 function 函数名（形参表） { . . .(函数执行部分) } 2、 return 格式: return 表达式 返回函数的值 案例一 设计网页,显示提示信息别碰我,当用户点击时，会不断弹出信息窗口
湖北职晚计算机科学与技术亲理论课教案一《网页设计》 地址)单a1特效代码师环警省信息btm 列雖我 icrosoft Internet Explorer 匚确定 G:特效代码\环 <htmI> <body> script> <!- Script by Juan Valdez function hate o alert(’ walting') aler t(here’) alert( just') alert(for’) (you’); return hate o 7/- done -- </script> < a href=" Javascript:hate0" onclick=" window. status=’按了可就关不掉了!';" b>别碰我</b></a </body> </html> 案例二分析程序执行的结果 <htmI>
湖北职院计算机科学与技术系理论课教案—《网页设计》 <html> <body> <script> <!-- Script by Juan Valdez function hate() { alert(' waiting '); alert(' here'); alert(' just'); alert(' for'); alert(' you'); return hate() } //-- done --> </script> <a href="javascript:hate()" onclick="window.status='按了可就关不掉了!';"> <b>别碰我</b></a> </body> </html> 案例二 分析程序执行的结果 <html>
湖北职晚计算机科学与技术理论课教案一《网页设计》 Head> <script> function first(p, g) p=p*2 b=b+1 var c=100 document. writeln("P的值为:",p,"<br>") document. writeln("a的值为:",a,"<br>") document. writeln("b的值为:",b,"<br>") document. writeln("c的值为:",c,"<br>") var a=1. b=2. c=3 first(a, b) document. writeln("a的值为:", document. writeln("b的值为:",b,"<br>") document. writeln("c的值为:",a,"<br>") </script> </htmI> 分析 (1)程序在函数体用VAR定义变量为局部变量,其值不会影响函数外的同名变量名(如c) (2)在函数内部改动一个外部变量的值,会使外部变量的值发生改变(如b)
湖北职院计算机科学与技术系理论课教案—《网页设计》 <head> <script> function first(p,q) { p=p*2; b=b+1; var c=100; document.writeln("P 的值为：",p,"<br>"); document.writeln("a 的值为：",a,"<br>"); document.writeln("b 的值为：",b,"<br>"); document.writeln("c 的值为：",c,"<br>"); } var a=1, b=2, c=3; first(a,b); document.writeln("a 的值为：",a,"<br>"); document.writeln("b 的值为：",b,"<br>"); document.writeln("c 的值为：",a,"<br>"); </script> </html> 分析: (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特效代码检面
湖北职院计算机科学与技术系理论课教案—《网页设计》 案例三 设计检测手机号码的程序