基本信息
文件名称:《JavaScript程序设计案例教程》教案 第6章 BOM.pdf
文件大小:2.09 MB
总页数:14 页
更新时间:2025-06-02
总字数:约2.54万字
文档摘要

课题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操作浏览器窗口及窗口上的控件,以实现用户和网

页的交互。为便于访问浏览器的部分功能,