搜索
1第4章函数课程名称JavaScript前端开发程序设计项目名称自定义函数任务名称自定义函数课时2项目性质□演示性□验证性□设计性√综合性授课班级授课日期授课地点教学目标能力目标：1.具备自定义JavaScript函数的能力2.具备在调用自定义JavaScript函数的的能力3.具备使用函数参数解决问题的能力知识目标：1.掌握自定义函数的方法；2.掌握自定义函数调用的方法3.掌握函数参数和函数返回值的使用方法素质目标：1.培养学生信息搜集能力2.培养学生团结合作、互帮互助的能力；教学内容1.什么是自定义函数2.自定义函数（1）如何自定义函数？（2）自定义函数的调用；3.教师讲解涉及的知识点4.课堂训练与小结教学重点如何自定义函数和自定义的调用。教学难点如何自定义函数教学准备1.装有EditPlus、Dreamweaver的电脑2.教学课件PPT3.教材：《JavaScript前端开发程序设计教程（微课版）》李玉臣臧金梅人民邮电出版社作业设计1.编写函数，调用本函数实现在页面上输出“HelloWorld”；2.编写函数，实现100-1000的所有素数2教学过程教学环节教学内容与过程（教学内容、教学方法、组织形式、教学手段）课前组织做好课前“5分钟”教学管理（多媒体、实训室），做好上课前的各项准备工作（打开电脑、打开课件、打开软件、打开U盘中的素材位置、打开授课计划、教案等），吸引学生注意力。课程说明【课前说明】分别从函数定义、预定义函数调用、自定义函数及自定义的调用对JavaScrip函数等知识点进行初步的了解。【目的】使学生从了解本单元的学习目标、学习重点、考评方式等方面明确学习本单元知识的要求和目标。课程内容描述一、定义函数的语法结构function函数名（[参数1],[参数2]…）{函数体；[return表达式]}二、调用自定义函数1.使用函数名来调用函数在JavaScript程序中，可以直接使用函数名来调用函数。无论是内置函数还是自定义函数，调用函数的方法是一样的。用函数名来调用函数的形式是“函数名（）”，在函数调用时后面必须加括号。如下代码所示。PrintStr（）；2.在HTML中用超链接的方式来调用函数。在HTML中，可以在a链接中使用“JavaScript：”的方式来调用JavaScript函数。调用方法如下。ahref=“javasceript:函数名(参数)”…/a3.在事件中与事件结合调用函数。在事件处理中，可以将JavaScript函数作为JavaScript事件处理函数来调用，当触发事件会自动调用指定的JavaScript函数。关于JavaScript事件处理将在后面章节中介绍。三、函数的参数及返回值的使用。3案例：1.编写函数，调用本函数实现在页面上输出“HelloWorld”；headmetahttp-equiv=Content-Typecontent=text/html;charset=utf-8/title定义函数/titlescripttype=text/javascriptfunctionHello(){document.write(您好!);}/script/headbody/body2.编写函数，实现100-1000的所有素数scripttype=text/javascriptfunctionIsPrime(n){if(n1)returnfalse;vari;for(i=2;in;i++)if(n%i==0)returnfalse;returntrue;}/script/headbodyprescripttype=text/javascriptvarn,nb=0;for(n=100;n=1000;n++){if(IsPrime(n)){if(nb%60)document.write(,);4nb++;document.write(n);if(nb%6==0)document.writeln();}}document.writeln(\n);document.write(共有+nb+个素数);/script课堂实训同步训练：1.定义一个函数，能够在页面上输出字符串2.通过函数名直接调用函数3.通过超链接调用函数4.通过函数统计商品的总价总结评价通过学习，学生能够掌握JavaScript的函数声明的方法，预定义函数的调用方法以。本节课主要运用案例教学法，通过对JavaScript函数的深入理解，掌握JavaScript函数的标准及基本特点，深入探讨JavaScript函数声明的方法，通过实例的方法加强对JavaScript函数声明和调用方法的理解，达到能够独立熟练运用JavaScript函数来解决实际问题的能力。教学评价方式以小组为单位，以完成案例的质量为评价标准，形成任务驱动，小组协作，质量与速度并存的课堂评价方式，促进学生的自主、创新学习的方式。