如果您无法下载资料，请参考说明：
1、部分资料下载需要金币，请确保您的账户上有足够的金币
2、已购买过的文档，再次下载不重复扣费
3、资料包下载后请先用软件解压，在使用对应软件打开
湖北职院计算机科学与技术系理论课教案—《网页设计》教学项目十九JavaScript函数与分支程序设计【教学内容】讲解JavaScript函数定义、使用及分支程序设计【教学目的】使学生掌握JavaScript函数的定义，学会设计简单分支结构的JavaScript程序【教学重点】JavaScript运算符的使用【教学难点】表单对象元素的访问【教学方式】讨论式、案例分析式、练习式相结合【教学参考】1．<<JavaScript入门与提高>>杨浩著清华大学出版社2．<<Internet网页工场>>Wittime工作室重庆出版社3．<<JavaScript从入门到精通>>电脑报社出版4．<<JavaScript编程起步>>人民邮电出版社5．<<FlashMX灵感设计>>电子工业出版社【教学过程】【新课】函数定义语句function函数名（形参表）{...(函数执行部分)}return格式:return表达式返回函数的值案例一设计网页,显示提示信息别碰我,当用户点击时，会不断弹出信息窗口。<html><body><script><!--ScriptbyJuanValdezfunctionhate(){alert('waiting');alert('here');alert('just');alert('for');alert('you');returnhate()}//--done--></script><ahref="javascript:hate()"onclick="window.status='按了可就关不掉了!';"><b>别碰我</b></a></body></html>案例二分析程序执行的结果<html><head><script>functionfirst(p,q){p=p*2;b=b+1;varc=100;document.writeln("P的值为：",p,"<br>");document.writeln("a的值为：",a,"<br>");document.writeln("b的值为：",b,"<br>");document.writeln("c的值为：",c,"<br>");}vara=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>分析:程序在函数体用VAR定义变量为局部变量,其值不会影响函数外的同名变量名(如c);在函数内部改动一个外部变量的值,会使外部变量的值发生改变(如b)案例三设计检测手机号码的程序分析:手机号码应为11位obj.length=11手机号码应以13开头obj.substring(0,1)=”13”手机号码是由0—9的数字11位数字组成使用函数isNaN()测试字符串中是否有非数字字符<html><body><script>functionaa(obj){if(obj.length!=11)alert("手机号码应该是11位数字");elseif(obj.substring(0,2)!="13")alert("手机号码应该以13开头");elseif(isNaN(obj))alert("手机号码应该是11位数字");elsealert("你填的是正确的手机号码");}</script><formname=codeN>示例：<inputtype=textname=No><inputtype=buttonvalue='提交'onclick=aa(document.codeN.No.value)></form></body></html>【课后小结】函数是实现一定功能的代码模块,要掌握函数的定义,调用方法;在处理表单并获取字段值时,例中使用的是语句document.codeN.No.value,要明确每一部分的意义.
立即下载
