教学项目十九 JavaScript函数与分支程序设计 教学内容】 讲解 JavaScript函数定义、使用及分支程序设计 教学目的】 使学生掌握 JavaScript函数的定义,学会设计简单分支结构的 JavaScript程序 教学重点】 JavaScript运算符的使用 教学难点】 表单对象元素的访问 教学方式】 讨论式、案例分析式、练习式相结合 教学参考 1.<< JavaScript入门与提高〉〉杨浩著 清华大学出版社 2.< Internet网页工场>> Wittle工作室重庆出版社 3.< JavaScript从入门到精通〉 电脑报社出版 4.<< Javascript编程起步> 人民邮电出版社 5.<F1 ash MX灵感设计> 电子工业出版社
教学项目十九 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 表达式 返回函数的值
案例一设计网页,显示提示信息别碰我,当用户点击时,会不断弹出信息窗口 G:\特效代码\环警告信息.htm- icrosoft Internet Exp1orex 件①)编辑)查看0收藏()工具①)帮助0 ⊙⊙☆收媒件的,,回当 地址①)e6:特效代码语环警告信息 转到链接 别碰我 Microsoft Internet Explorer x waiting 包按了可就关不掉了! 我的电脑 园c1ass19- Micro 特效代码 G:\特效代码循环
案例一 设计网页,显示提示信息别碰我,当用户点击时，会不断弹出信息窗口:
<> <body> <script> <!-- Script by Juan Valdez function hate alert( waiting) alert( here alert( Just alert(’for); alert( you') return hate( //--done K/script) < a href=" Javascript:hate()" onclick-" window. status=按了可就关不 掉了!’;" b>别碰我</b></a </body) </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 Heady <script> function first(p, g) 米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>
案例二 分析程序执行的结果 <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>