文档详情

JavaScript程序设计基础教程电子教案 单元6 窗口和框架 教案.docx

发布:2025-04-25约3.32千字共5页下载文档
文本预览下载声明

PAGE5

PAGE

单元6窗口和框架

课程名称

JavaScript程序设计

项目名称

窗口和框架

任务名称

窗口和框架

课时

2

项目性质

□演示性□验证性□设计性√综合性

授课班级

授课日期

授课地点

教学目标

能力目标:

1.具备进行窗口相关操作的能力

2.具备进行窗口框架控制的能力

3.具备显示框架链接和实现浮动窗口的能力

知识目标:

1.理解Window对象的概念

2.掌握Window对象的属性和方法

3.掌握窗口相关操作

4.掌握窗口框架的概念、基本机构和分割方式

素质目标:

1.培养学生信息搜集能力

2.培养学生团结合作、互帮互助的能力;

教学内容

1.Window对象的概念

2.Window对象的属性和方法

(1)利用Window对象的属性和方法实现效果展示与代码实现

(2)学生动手操作

3.窗口相关操作

4.窗口框架的概念、基本机构和分割方式

5.窗口框架控制

6.FRAME之间的链接

7.浮动窗口

8.教师讲解本模块内容涉及的知识点

9.实训与小结

教学重点

1.Window对象的属性和方法

2.窗口相关操作

3.窗口框架控制

教学难点

1.FRAME之间的链接

2.浮动窗口

教学准备

1.装有Chrome浏览器或者Firefox浏览器,并且安装有WAMP的电脑

2.教学课件PPT

3.教材:《JavaScript程序设计基础教程(微课版)》刘刚人民邮电出版社

作业设计

编写一段程序实现无间断的图片循环滚动效果。

教学过程

教学

环节

教学内容与过程

(教学内容、教学方法、组织形式、教学手段)

课前组织

做好课前“5分钟”教学管理(多媒体、实训室),做好上课前的各项准备工作(打开电脑、打开课件、打开软件、打开U盘中的素材位置、打开授课计划、教案等),吸引学生注意力。

课程

说明

【课前说明】

分别从Window对象的概念、Window对象的属性和方法、窗口相关操作、窗口框架的概念、基本机构和分割方式、窗口框架控制、FRAME之间的链接、浮动窗口等知识点入手来进行讲解。

【目的】

使学生从了解本单元的学习目标、学习重点、考评方式等方面明确学习本单元知识的要求和目标。

课程

内容

描述

一、什么是Window对象

在JavaScript中,一个浏览器窗口就是一个Window对象。Window对象主要用来控制由窗口弹出的对话框、打开窗口或关闭窗口、控制窗口的大小和位置等。

二、Window对象的属性和方法

Window对象属性

属性

描述

closed

返回窗口是否已被关闭

defaultStatus

设置或返回窗口状态栏中的默认文本

document

对document对象的只读引用

history

对history对象的只读引用

innerheight

返回窗口的文档显示区的高度

innerwidth

返回窗口的文档显示区的宽度

length

设置或返回窗口中的框架数量

location

用于窗口或框架的location对象

name

设置或返回窗口的名称

navigator

对navigator对象的只读引用

outheight

返回窗口的外部高度

outwidth

返回窗口的外部宽度

pageXOffset

设置或返回当前页面相对于窗口显示区左上角的X位置

pageYOffset

设置或返回当前页面相对于窗口显示区左上角的Y位置

parent

返回父窗口

Screen

对Screen对象的只读引用

self

返回对当前窗口的引用,等价于Window属性

status

设置窗口状态栏的文本

top

返回最顶层的窗口

window

window属性等价于self属性,它包含了对窗口自身的引用

screenLeft

screenTop

screenX

screenY

只读整数。声明了窗口左上角在屏幕上的X和Y坐标。IE、Safari和Opera支持screenLeft和screenTop,而Firefox和Safari支持screenX和screenY

Window对象方法

方法

描述

alert()

显示一段带有消息和一个确认按钮的警告框

blur()

把键盘焦点从顶层窗口移开

clearInterval()

取消由setInterval()设置的timeout

clearTimeout()

取消由setTimeout()设置的timeout

close()

关闭浏览器窗口

confirm()

显示带有一段消息以及确认按钮和取消按钮的对话框

createPopup()

创建一个pop-up窗口

focus()

把键盘焦点给予一个窗口

moveBy()

可相对窗口的当前坐标把它移动到指定的像素

moveTo()

把窗口的左

显示全部
相似文档