JavaScript程序设计基础教程电子教案 单元3 JavaScript程序构成 教案

单元程序构成3JavaScript课程名称JavaScript程序设计项目名称JavaScript程序构成任务名称JavaScript程序构成课时2项目性质口演示性口验证性□设计性J综合性授课班级授课日期授课地点能力目标

1.具备使用if条件语句解决问题的能力

2.具备使用for循环语句解决问题的能力

3.具备使用for...in循环语句解决问题的能力

4.具备使用while循环语句解决问题的能力

5.具备使用label语句解决问题的能力

6.具备使用do...while语句解决问题的能力

7.具备使用switch循环语句解决问题的能力教学目标知识目标

1.了解什么是流程控制语句

2.掌握break语句与continue语句的用法

3.掌握函数表达式及语法、函数参数、函数返回值和函数调用模式、递归调用、作用域、异常处理以及闭包

4.掌握事件处理程序方式和常用的事件素质目标

1.培养学生知识掌握和技能运用能力

2.培养学生团结合作、互帮互助的能力

1.任务描述

2.任务展示与实现1在程序中使用if条件语句、for循环语句、for.・.in循环语句、while循环语句、label语句、do...while语句、switch循环语句以及break语句与continue语句教学内容2使用函数表达式及语法3事件处理程序方式和常用的事件，包括窗口、鼠标、表单和键盘事件4学生动手操作

3.教师讲解本任务涉及的知识点教学重点for循环语句与while循环语句在使用上的不同

1.apply和call的区别教学难点

2.循环语句中的Continue和break语句的使用

1.装有Chrome浏览器或者Firefox浏览器，并且安装有WAMP的电脑

2.教学课件PPT教学准备

3.教材《JavaScript程序设计基础教程（微课版）》刘刚人民邮电出版社L假设学生A数学考试成绩得了78分，请选择合适的条件语句判断学生A的成绩等级（60分以下为不及格；60分到70分为及格；70分到80分为良好；80分到100分为优秀）作业设计

4.网页中有一按钮（名字点击我”），当单击按钮后调用函数contxtO,弹出对话框“调用函数成功！二教学过程教学内容与过程环节教学内容、教学方法、组织形式、教学手段课前组做好课前“5分钟”教学管理多媒体、实训室，做好上课前的各项准备工作打开电脑、打织开课件、打开软件、打开U盘中的素材位置、打开授课计划、教案等，吸引学生注意力【课前说明】分别介绍JavaScript的流程控制语句，并从函数表达式及语法、函数参数、函数返回值和函数调用模式、递归调用、作用域、异常处理以及闭包等方面来介绍函数，介绍常用的事件【目的】使学生从了解本单元的学习目标、学习重点、考评方式等方面明确学习知识的要求和目标

一、讲解什么是流程控制语句课程

1.if语句的语法如下内容if conditionstatement1else statement2;艇

2.for循环语句的语法如下forinitialization;expression;post-loop-expressionstatement;

3.for…in语句语法如下forproperty inexpressionstatement;

4.while语句语法如下whileexpressionstatement;

5.label语句语法如下label:statement

6.break和continue语句用于循环中精确地控制代码的执行break语句可以立即退出循环，阻止再次反复执行任何代码而continue语句只是退出当前循环，根据控制表达式还允许继续进行下一次循环

7.do…while语句的语法如下dostatements;while condition

8.switch语句的语法如下switch expressioncase value:statement;break;case value:statement;break;case value:statement;break;case value:statement;break;•••casevalue:statement;break;default:statement;

二、如果在实际编程中，需要重复使用同一组语句，则可以把这组语句打包为一段函数并命名然后在需要使用这组语句的地方调用函数名称即可所谓函数，通俗地理解就是一组允许人们在代码里随时调用的语句函数的使用不仅使代码看起来简洁，而且也方便了代码的维护

三、事件及事件处理

1.事件处理程序JavaScript与HTML之间的交互是通过事件来实现的事件，就是文档或浏览器窗口中发生的一些特定的交互瞬间事件处理程序包括HTML事件处理程序、DOMO级事件处理程序和D0M2级事件处理程序

2.常用窗口事件onload事件、onunload事件、onresize事件、onmove事件、onabort事件、onerror事件、onfocus事件、onblur事件

3.常用鼠标事件onclick事件、ondbclick事件、onmousedown事件、onmouseup事件、onmouseover事件和onmouseout事件、onmousemove事件4,常用表单事件onblur事件、onchange事件、onfocus事件、onreset事件、onsubmit事件5,常用键盘事件onkeypress事件、onkeydown事件、onkeyup事件W同步训练实yil

1.编写程序求100+99+…+2+1的结果

2.制造一个引用错误并用异常语句进行捕获

3.给一个dom同时绑定两个单击事件，一个用捕获，一个用冒泡，那么事件的执行顺序是怎么样的？编写代码并分析通过学习，学生能够掌握JavaScript中的各个流程控制语句在程序编写中的具体用法本节课主要运用案例教学法，通过对JavaScript流程语句的深入理解，掌握JavaScript流程控制语句的语评价法，通过实例的方法加强对JavaScript流程控制语句的理解，达到能够独立熟练运用JavaScript流程语句来解决实际问题的能力并学会函数表达式及其语法，学会使用JavaScript事件处理程序方式以及各个事件教学评价方式以小组为单位，以完成案例的质量为评价标准，形成任务驱动，小组协作，质量与速度并存的课堂评价方式，促进学生的自主、创新学习的方式。