JavaScript前端开发案例教程第六章BOM教学设计.pdfVIP

JavaScript前端开发案例教程第六章BOM教学设计.pdf

  1. 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
  2. 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  3. 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  4. 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  5. 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  6. 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  7. 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多

课题计划

第6章BOM4学时

名称学时

JavaScript是由ECMAScript、BOM和DOM组成的。其中ECMAScript就是前面学习

内容的JavaScript基本语法、数组、函数和对象。BOM(BrowerObjectModel)指的是浏览

分析器对象模型,DOM(DocumentObjectModel)指的是文档对象模型。那么接下来将在

本章首先针对BOM的使用进行详细讲解。

1.了解BOM的组成结构

教学目

标及基2.掌握定时器的操作

本要求

3.熟悉location与history对象

教学

BOM组成结构、BOM常用对象和方法、定时器

重点

教学

窗口位置和大小、框架操作、history、screen

难点

教学采用课堂讲授为主

教学概念性知识点:提出为什么,将抽象具体化,配合教学PPT、图例辅助讲解。

方式

功能性知识点:提需求,并上机演示如何应用,重点内容总结运行原理。

综合实战操作:分析整体的设计思路和步骤,对具体操作进行上机演练。

第一学时

(什么是BOM对象、window对象、案例:限时秒杀)

一、回顾上节课内容

(1)对上节课布置的作业以及学生问题进行答疑解惑。

(2)回顾前面学过的内容,引出本节课。

面的学习中,用到的alert()、prompt()函数其实是window对象的方法,关于

window对象具体如何使用,它有哪些常用的属性和方法,将在本节进行具体讲解。

(3)明确学习方向。

理解什么是BOM。

掌握BOM的基本结构。

理解window对象与其他BOM对象的关系。

掌握如何弹出框和窗口。

掌握如何控制窗口位置和大小。

掌握如何进行框架操作。

掌握定时器的使用方法。

运用定时器开发“限时秒杀”功能。

二、知识讲解

1.什么是BOM

JavaScript是由ECMAScript、BOM和DOM组成的。

BOM是指浏览器对象模型(BrowserObjectModel),DOM是指文档对象模型

(DocumentObjectModel)。

2.BOM的作用

JavaScript经常需要操作浏览器窗口及窗口上的控件,实现用户和页面的动态

交互。为此,浏览器了一系列内置对象,统称为浏览器对象。各内置对

象之间按照某种层次组织起来的模型统称为BOM。

3.BOM的结构

文档评论(0)

kay5620 + 关注
实名认证
文档贡献者

该用户很懒,什么也没介绍

版权声明书
用户编号:8001056127000014

1亿VIP精品文档

相关文档