《JavaScript程序设计案例教程》教案 第6章 BOM.docx

PAGE14

PAGE14

PAGE13

PAGE13

课题

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进行签到

【学生】班干部报请假人员及原因

问题导入

【教师】提出以下问题：

当我们在浏览网页时，有时会遇到一些弹出的提示框，比如“确认前往某个网站吗？”或者要求我们输入一些信息的对话框。大家有没有想过这些弹出的内容是如何实现的呢？另外，当我们在浏览器中点击前进、后退按钮时，页面能够快速切换到之前访问过的网页，这又是怎么做到的呢？

【学生】思考、举手回答

传授新知

【教师】通过学生的回答，引入新知，讲解BOM的基础知识，以及windows对象、location对象、history对象、navigation对象和定时器的相关知识

6.1BOM介绍

?【教师】利用多媒体展示“浏览器对象模型”图片（详见教材），并进行讲解

在实际的网页开发中，经常需要使用JavaScript操作浏览器窗口及窗口上的控件，以实现用户和网页的交互。为便于访问浏览器的部分功能，浏览器为开发者提供了内置对象。这些内置对象统称为浏览器对象，各内置对象按照一定的形式组织起来的模型统称为浏览器对象模型（browserobjectmodel，BOM）。

……（详见教材）

为便于操作和访问浏览器及其控件，每个window子对象都提供了一系列属性和方法。下面对window对象的常用子对象进行介绍。

（1）document（文档对象）：也称为DOM对象，是HTML页面当前窗体的内容，也是JavaScript的核心内容，使用它可以操作页面上的所有元素。DOM相关内容将在第7章详细讲解，此处不再赘述。

（2）location（地址栏对象）：用于获取或管理浏览器地址栏中的相关数据，如获取当前网页地址，从一个网页跳转到另一个网页等。

（3）history（历史对象）：用于记录浏览器的历史访问操作，使用该对象可返回上一个网页，或前进到下一个网页等。

（4）navigator（浏览器对象）：主要记录浏览器的相关信息，如当前浏览器名称、浏览器版本等。

（5）screen（屏幕对象）：用于获取屏幕相关信息，如当前设备屏幕宽高、屏幕分辨率等。

……（详见教材）

?【教师】提出问题：

请举例说说鸿蒙在我国科技界的作用。

?【学生】聆听、思考、回答

?【教师】总结学生的回答

鸿蒙也将加速中国物联网等新一代信息技术的发展，使中国在这一领域可能像5G那样引领技术潮流。

……（详见教材）

6.2window对象

6.2.1全局作用域

由于window对象是ECMAScript中的全局对象，所以在全局作用域中声明的变量、函数，以及JavaScript中的内置函数，都可以通过window对象调用。下面通过实例说明。

【课堂练习】

?【教师】利用多媒体展示【例6-1】，并进行讲解，帮助学生掌握window对象的应用

window