《JavaScript前端开发程序设计 第6章教案-2》由会员分享，可在线阅读，更多相关《JavaScript前端开发程序设计 第6章教案-2（3页珍藏版）》请在金锄头文库上搜索。
1、第6章BOM和DOM课程名称JavaScript刖端升发程序._、尽、1项目名称设计访问DOM任务名称访问DOM课时2项目性质口演示性 验证性 设计性 。综合性授课班级授课日期授课地点教学目标能力目标：1. 具备使用通过DOM对象访问HTML节点的能力2. 具备使用通过DOM对象访问DOM元素的能力知识目标：1. 掌握DOM对象的概念及DOM的节点对象2. 掌握访问DOM对象常用的方法素质目标：1. 培养学生信息搜集能力2. 培养学生团结合作、互帮互助的能力；教学内容1. DOM的基本概念2. DOM（1）DOM节点树及DOM节点类型（2）DOM节点对象的属性和方法3. 教师讲解本模块内容涉及
2、的知识点4. 实训与小结教学重点1. DOM对象的节点树2. DOM节点对象的属性和方法教学难点1. DOM节点对象的属性和方法教学准备1. 装有 EditPlus Drcamwoar 的电脑2. 教学课件PPT3. 教材：JavaScript前端开发程序设计教程（微课版）李玉臣臧金梅 人民邮电出版社作业设计1.显示当前HTML文件中所有的标签名环节说明内容教学过程教学内容与过程（教学内容、教学方法、组织形式、教学手段）做好课前“5分钟”教学管理（多媒体、实训室），做好上课前的各项准备工作（打开电脑、打开课件、打开软件、打开U盘中的素材位置、打开授课计划、教案等），吸引学生注意力。【课前说明】
3、分别从DOM的概念，DOM节点树、节点类型，掌握DOM节点对象的属性和方法以及访问DOM元素的方法。【目的】使学生从了解本单元的学习目标、学习重点、考评方式等方面明确学习本单元知识的要求和目标。一、什么是DOMDOM对象（Document Object Model文档对象模型）的缩写，是-种处理HTML文档的应用程序接口。在 W3C制定的 DOM规范中,DOM主要应该包括Core DOM（核心DOM）、XML DOM和 HTML DOMoJavaScript中的DOM -般是指HTML DOM,为了方便起见，将HTML DOM称为DOM。二、DOM的节点树以及DOM的节点类型三、DOM节点对象
4、的属性和方法案例:1.显示当前HTML文件中所有的标签名人邮教育人民邮电出版社这一段代码是为测试IX)M集合对象的用法而设置的h3本文档使用了以下HTML标签:0) document, write(*, );document, write (cell. tagNcime);输出页面元素标签名实训同步训练：1. 在当前页面上设置动态显示的电子时钟2. 获取当前页面上所有的超链接总结诩介通过学习,学生能够掌握DOM对象的节点树结构,D（刑对象的节点类型以及节点对象的属性方法，以及访问DOM元素的方法属性和方法以及BOM对象属性和方法的实际应用。本节课主要运用案例教学法，通过对DOM对象体系的节点树理解，深入探讨DOM对象的节点对象属性和方法，通过实例的方法加强对属性和方法的理解，达到能够独立熟练运用对象的属性和方法解决实际问题的能力。教学评价方式以小组为单位，以完成案例的质量为评价标准，形成任务驱动，小组协作，质景与速度并存的课堂评价方式，促进学生的自主、创新学习的方式
