Html Css JavaScript标准教程 第14章 使用JavaScript中的不同对象

14.1.4 对象的绑定
早绑定又称静态绑定，是指在编译时就确定值。比如 C++这样的静态语言，它的多态表现在两方面，重载 机制是静态多态，也就是编译时多态。即通过参数的 类型个数来区别同名函数，这样的区别在编译时就能 确定。而另一方面就是虚函数机制，到底执行父类的 函数还是子类的同名函数须在运行时才能确定。 JavaScript是动态语言，没有早期绑定。
教学时间：本章共分_______课时 教学方法
案例教学 多媒体教学 理论面授
教学素材
课程范例文件：sample\第14章\ 练习文件：exercise\第14章\
本章各节课时分配及链接
14.1 JavaScript对象基础——（ ）课时 14.2 浏览器对象——（ ）课时 14.3 内置对象——（ ）课时 14.4 综合实训——改变网页背景颜色和文字颜色— —（ ）课时
14.2 浏览器对象
使用浏览器对象，可实现与HTML文档进行交互，浏览器的内 部对象主要包括以下几个。 ●浏览器对象（navigator）：提供有关浏览器的信息。 ●文档对象（document）：document对象包含了与文档元素 一起工作的对象，它将这些元素封装起来供编程人员使用。 ●窗口对象（windows）：window对象处于对象层次的最顶 端，它提供了处理浏览器窗口的方法和属性。 ●位置对象（location）：location对象提供了与当前打开 的URL一起工作的方法和属性，它是一个静态的对象。 ●历史对象（history）：history对象提供了与历史清单有 关的信息。
第14章
使用JavaScript中的不同对 象
教学内容：如今很多优秀的设计方法都基于面 向对象的设计方法，面向对象设计方法能更好 地实现复杂系统的组织和代码复用。 JavaScript的一些语言特性支持以面向对象的 方法进行系统设计。甚至其内置的功能都是以 对象的形式提供的。
教学重点

掌握JavaScript对象的声明和实例化 掌握JavaScript对象的引用方法
14.3.4
数组对象Array
在JavaScript中，数组是一组变量的有序集合， 可以通过数组索引来引用其中的一个变量。 每个数组都有一定的长度，表示其中所包含 的元素个数，元素的索引总是从0开始，并且 最大值等于数组长度减1，本节将介绍数组的 创建和使用方法。
14.4
综合实训——改变网页背景 颜色和文字颜色
14.3
内 置 对 象
JavaScript中提供了一些非常有用的内部对象 作为该语言规范的一部分，每一个内部对象 都有一些方法和属性。这些常见的内置对象 包括时间对象date、数学对象math、字符串 对象String、数组对象Array等，下面就详细 介绍这些对象的使用。
14.3.1
date对象
14.2.4
History对象
history对象是指浏览器的浏览历史，其最主要 的属性就是length，用于设定历史的项目数， 也就是JavaScript历史中用浏览器的“前进”、 “后退”按钮可以到达的范围。
14.2.5
document对象
document对象代表一个浏览器窗口或框架中 显示的HTML文件。浏览器在加载HTML文 档时，为每一个HTML文档创建相应的 document对象。document对象是window 对象的一个属性。在引用它时，一般可以 省略window这个前缀。
14.3.3
字符串对象String
在早期的JavaScript中，信息传递都是通过字符串的 形式。虽然现在信息传递方式也掺杂了XML和 JSON形式，但字符串处理依然是数据数理的核心。 字符串是JavaScript的一种基本的数据类型。String 对象的length属性声明了该字符串中的字符数。 String类定义了大量操作字符串的方法，例如从字 符串中提取字符或子串，或者检索字符或子串。需 要注意的是，JavaScript的字符串是不可变的， String类定义的方法都不能改变字符串的内容。
14.2.3
Location对象
Location对象是JavaScript中的一种默认对 象，它所代表的是当前显示的文档的URL。 这个对象可以访问当前文档URL的各个不 同部分。URL也就是路径地址的意思，在 网页中指的是访问的路径。它的构成是有 一定的规范的，通常情况下一个URL会有 下面的格式：协议（//）+主机：端口（/） +路径名称（#）+哈希标识符（？）+搜索 条件。
14.2.1 Navigator对象
navigator对象可用来存取浏览器的相关信息，其包含 了浏览器的整体信息，如浏览器名称、版本号等。在 进行Web开发时，通过navigator对象的属性来确定用 户浏览器的版本，进而编写有针对某一浏览器版本的 代码。
14.2.2 window对象
window是JavaScript的高级对象，它是document、 location和history对象的父对象。JavaScript的输 出可通过document对象的方法来完成，而输入则可以 通过window对象来实现。
掌握JavaScript对象的废除和绑定


教学难点
掌握浏览器对象的属性和方法 掌握JavaScript内置对象的属性和方法 掌握JavaScript对象的应用实例
教学目标和基本要求
___________________________________ ___________________________________ ___________________________________
Document对象中包含网页背景和文档默认字体颜 色的熟悉，背景颜色属性为bgcolor，默认字体颜 色属性为fgcolor，两者都是可读写的。通过改变 这两个属性的值可以改变网页背景颜色和字体颜 色。
14.1
JavaScript对象基础
JavaScript可以根据需要创建自己的对象，从而 进一步扩大其应用范围。JavaScript中的对象是由属 性和方法两个基本元素构成的。属性是对象在实施其 所需要行为的过程中，实现信息的装载单位，从而与 变量相关联；方法是指对象能够按照设计者的意图而 被执行，从而与特定的函数关联。
时间对象date存储了具体的时间，时间对象是一个我 们经常要用到的对象，无论是做时间输出、时间判 断等操作时都与这个对象离不开。date对象类型提 供了使用日期和时间的共用方法集合。用户可以利 用date对象获取系统中的日期和时间并加以使用。
14.3.2
数学对象math
在使用数字时，除了简单的加、减、乘、除运 算外，还经常要用到复杂的数学函数，如三 角函数、平方根运算等，在JavaScript中这些 函数作为math对象的方法提供。在数学运算 中还经常用到一些常数，如欧拉常数、圆周 率等，这些常数作为math对象的属性提供。 math对象是JavaScript中的一个全局对象， 不需要由函数进行创建，而且只有一个。
Hale Waihona Puke 14.1.1声明和实例化
每一个对象都属于某一个类，类是所有属 于该类的对象所具有的属性和方法的抽象描述。 JavaScript中没有类的概念，创建一个对象只 要定义一个该对象的构造函数并通过它创建对 象即可。使用函数对象的this指针可以为函数 对象动态添加属性。
14.1.2 对象的引用
对象的引用其实就是对象的地址，通过这个地址可以 找到对象的所在。对象的来源有如下几种方式。通过 取得它的引用即可对它进行操作，例如调用对象的方 法或读取或设置对象的属性等。
14.1.3 对象的废除
对于不再使用的对象，有必要将其所占用 的资源回收起来。JavaScript运行时系统收回 资源遵循这样的原则，回收处于游离状态的 对象。回收栈帧回卷时被销毁的对象。栈的 管理是自动的，但对于用户自己“new”出来 的对象不再使用时将第一个“null”值赋予引用 对象的变量即可。把对象的所有引用都设置 为null，可以强制性的废除对象。