课题BOM
课时6课时(270min)
知识目标:
(1)了解什么是BOM
(2)掌握window对象常用属性和方法
(3)掌握location对象常用属性和方法
(4)掌握history对象常用属性和方法
(5)掌握navigator对象常用属性和方法
(6)掌握screen对象常用属性和方法
(7)掌握定时器的使用
教学目标能力目标:
(1)熟练运用window对象的属性和方法
(2)掌握location对象的属性和方法,能够获取和管理浏览器地址栏中的相关数据
(3)能够运用history对象的属性和方法对用户访问过的网页历史记录进行操作
(4)能够根据navigator对象提供的信息判断网页当前运行环境
(5)能够结合定时器实现复杂的功能
素质目标:
(1)树立科技强国、为人民服务的远大理想
(2)增强法律意识,正确履行自身的责任和义务
教学重点:BOM相关对象的属性和方法,location对象对浏览器地址栏数据的获取和管理,history
对象对浏览器历史记录的操作,navigator和screen对象获取浏览器及屏幕信息的方式,运用定时器实
教学重难点现各种定时任务
教学难点:BOM中不同对象的复杂属性和方法的实际应用场景,准确运用location、history对象进
行网页跳转和历史记录管理,定时器的灵活运用。
教学方法问答法、讨论法、讲授法
教学用具电脑、投影仪、多媒体课件、教材
教学过程主要教学内容及步
【教师】布置课前任务,和学生负责人取得联系,让其提醒同学通过APP或其他学习软件,完成课
前任务
请同学们使用浏览器打开几个不同的网页,观察浏览器地址栏的变化,记录下不同网页的URL组
课前任务
成部分,尝试使用浏览器的前进、后退按钮,观察页面的切换情况,然后在APP上分享记录。
【学生】完成课前任务
【教师】使用APP进行签到
考勤
【学生】班干部报请假人员及原因
【教师】提出以下问题:
当我们在浏览网页时,有时会遇到一些弹出的提示框,比如“确认前往某个网站吗?”或者要求
问题导入我们输入一些信息的对话框。大家有没有想过这些弹出的内容是如何实现的呢?另外,当我们在浏览器
1
中点击前进、后退按钮时,页面能够快速切换到之前访问过的网页,这又是怎么做到的呢?
【学生】思考、举手回答
【教师】通过学生的回答,引入新知,讲解BOM的基础知识,以及windows对象、location对象、
history对象、navigation对象和定时器的相关知识
6.1BOM介绍
?【教师】利用多媒体展示“浏览器对象模型”图片(详见教材),并进行讲解
在实际的网页开发中,经常需要使用JavaScript操作浏览器窗口及窗口上的控件,以实现用户和网
页的交互。为便于访问浏览器的部分功能,