【网页设计课件】JavaScript函数与分支程序设计.pptVIP

* 教学项目十九 JavaScript函数与分支程序设计 【教学内容】 讲解JavaScript函数定义、使用及分支程序设计 【教学目的】 使学生掌握JavaScript函数的定义，学会设计简单分支结构的 JavaScript程序 【教学重点】 JavaScript运算符的使用 【教学难点】 表单对象元素的访问 【教学方式】 讨论式、案例分析式、练习式相结合 【教学参考】 1．JavaScript 入门与提高 杨浩著 清华大学出版社 2．Internet 网页工场 Wittime工作室 重庆出版社 3．JavaScript从入门到精通 电脑报社出版 4．JavaScript编程起步 人民邮电出版社 5．Flash MX灵感设计 电子工业出版社 【教学过程】 【新课】 ? 一、函数定义语句 1、? function 函数名（形参表） { . . .(函数执行部分) } ? 2、? return 格式: return 表达式 返回函数的值 案例一 设计网页,显示提示信息别碰我,当用户点击时，会不断弹出信息窗口: 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,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) ? ? 案例三 设计检测手机号码的程序 *