实验-javascript程序设计.docVIP

实验-javascript程序设计 实验-javascript程序设计 PAGE 实验-javascript程序设计 实验项目二十　 javascript程序设计 【学 时 数】 2 （ 45 分钟× 2=90 分钟） 【实验内容】 　　1 、 JavaScript 变量、表达式和运算符的使用 　　2 、 JavaScript 对话框的使用 　　3 、 JavaScript 函数的定义及调用 　　4 、 JavaScript 分支结构程序设计 　　5 、 JavaScript 循环结构程序设计 【实验参考书】 　　《网页设计与制作》 ………………………………………………………… 重庆大学出版社 　　《网页标题制作技巧与实例》 ……………………………………………… 清华大学出版社 　　《 javascript 入门与提高》 ……………………………………………… 清华大学出版社 　　《 javascript 宝典》 ……………………………………………………… 电子工业出版社 【实验设备】 　　计算机，投影机，多媒体 【实验目的与要求】 　　1 、掌握 JavaScript 变量、表达式和运算符的使用 　　2 、掌握 JavaScript 对话框的使用 　　3 、掌握 JavaScript 函数的定义及调用 　　4 、掌握分支结构的 JavaScript 程序设计 　　5 、掌握循环结构的 JavaScript 程序设计 【实验重点】 　　1 、掌握 JavaScript 函数的定义及调用 　　2 、掌握分支结构的 JavaScript 程序设计 　　3 、掌握循环结构的 JavaScript 程序设计 【实验难点】 　　1 、掌握分支结构的 JavaScript 程序设计 　　2 、掌握循环结构的 JavaScript 程序设计 【实验方式】 　　1 、项目工程互动式教学法 　　2 、“讲、学、练”相结合：对于 javscript 程序设计相关细节，大量采用演示、讲解和操作等方式。使学生在实验中加深对相关内容的理解并熟练掌握。 【实验设计】 　　向学生演示多个 javascript 程序设计案例，学生跟着教师一起完成 javascript 程序的编写，同时完成教师布置的思考题，教师实施指导。 　　第一步：演示 JavaScript 变量、表达式和运算符的使用，学生按照教师的操作步骤，自己动手编写该程序，并完成教师布置的思考题。 （ 10 分钟左右） 　　第二步：演示 JavaScript 对话框的使用，学生按照教师的操作步骤，自己动手编写该程序，并完成教师布置的思考题。 （ 20 分钟左右） 　　第三步：演示 JavaScript 函数的定义及调用，学生按照教师的操作步骤，自己动手编写该程序，并完成教师布置的思考题。 （ 20 分钟左右） 　　第四步：演示分支结构的 JavaScript 程序设计，学生按照教师的操作步骤，自己动手编写该程序，并完成教师布置的思考题。 （ 20 分钟左右） 　　第五步：演示循环结构的 JavaScript 程序设计，学生按照教师的操作步骤，自己动手编写该程序，并完成教师布置的思考题。 （ 20 分钟左右） 【实验过程】 　　实验内容一： JavaScript 变量、表达式和运算符 　　教师演示 JavaScript 变量、表达式和运算符的程序案例，学生按照教师的操作步骤，自己动手编写该程序，并完成教师布置的思考题。 　　1 、程序案例 1 －显示年龄 　　script language=javascript 　　var name; 香港 \tB. 广州 \tC. 北京 \tD. 上海 ,E); 　　switch(answer) 　　{ 　　case a: 　　case A: 　　alert( 错！香港是中国的特别特政区 ); 　　break; 　　case b: 　　case B: 　　alert( 错！广州是中国南部的大都市 ); 　　break; 　　case c: 　　case C: 　　alert( 对！北京是中国的首都，在中国北方 ); 　　break; 　　case d: 　　case D: 　　alert( 错！上海是中国东部的大都市 ); 　　break; 　　default: 　　alert( 选择错误 ! 只能选填字母 A 、 B 、 C 或 D); 　　break; 　　} 　　/script 　　3 、思考题： 　　根据成绩给出学生的考评：如果成绩 =85, 考评 “ 优 ” ，否则如果成绩 =60 ，考评 “ 及格 ”, 否则考评为 “ 不