学好英语网html首页制作,HTML+CSS+JavaScript项目8 “学好英语网”首页面制作_0527_连蕊.pptx...

项目8 “学好英语网”首页面制作;;【任务8-1】认识对象;【任务8-1】知识储备;1、什么是对象在计算机世界中，不仅包括来自于客观世界的对象，还包含为解决问题而引入的抽象对象。例如，一个用户可以看做一个对象，它包含用户名、用户密码等特性，也包含注册、注销等动作。一个web页可以看做一个对象，它包含背景色、段落文本、标题等特性，同时又包含打开、关闭和写入等动作。简单的讲，对象就是一组属性与方法的集合。;2、对象的属性和方法在JavaScript中，对象包含属性???方法两个要素。属性是作为对象成员的变量，表明对象的状态；而方法是作为对象成员的函数，表明对象所具有的行为。具体如下：属性：用来描述对象特性的数据，即若干变量。方法：用来操作对象的若干动作，即若干函数。;3、创建和删除对象(1)创建对象在JavaScript中，使用new运算符可以创建对象，将新建的对象赋值给一个变量后，就可以通过这个变量访问对象的属性和方法。值得一提的是，Object对象是所有对象的顶层对象，所有对象均继承自Object对象。使用new运算符创建对象变量的格式如下：;3、创建和删除对象(2)删除属性delete运算符可以删除对象的属性，它的操作数应当是一个属性访问表达式。其中需要注意的是，内置对象的属性及方法多数不能使用delete、对象继承于原型的属性和方法也不能使用delete，同时delete只是断开属性和对象之间的联系，从而使对象不再能操作属性。;4、内置对象JavaScript中提供了许多内置对象，如Boolean对象、Date对象、Error对象、Function对象、Global对象、Math对象、Object对象、String对象等等，这里只对其中常用的Date对象、Math对象和String对象分别进行介绍。;4、内置对象(1)Date对象Date对象主要提供获取和设置日期与时间的方法，具体如下表所示。;4、内置对象(1)Date对象要使用Date对象，必须先使用new关键字创建它，其中常见创建Date对象的方式有如下3种。a) 不带参数，其创建方式如下所示：

b) 创建一个指定日期的Date对象，其创建方式如下所示：

c) 创建一个指定时间的Date对象，其创建方式如下所示：

;4、内置对象(2)Math对象Math对象的属性是数学中常用的常量，方法是一些数学函数，具体如下表所示。;4、内置对象(3)String对象String对象是JavaScript提供的字符串处理对象，它提供了对字符串进行处理的属性和方法，具体如下表所示。;【任务8-2】Array数组对象;【任务8-2】知识储备;1、初识数组数组是一组数据有序排列的集合，使用数组将50人的信息保存起来只需定义一个变量，并且数组可以进行循环遍历，能够十分便捷的获取保存的数据。将50人的身高数据保存到数组中，结构如下图所示。

数组中的每个值叫做一个元素，而每个元素在数组中有一个位置，以数字表示，称为索引。例如上图中的1.72就是一个元素，其在数组中的位置用索引表示就是0。;2、数组的常见操作在JavaScript中创建数组有两种方式，一种是直接使用“[数值1, 数值2,.....]”的方式创建数组；一种是使用new关键字，结合构造函数Array()来创建数组。;3、数组的常用属性和方法数组是一组有序排列的数据的集合，其常用的属性和方法如下表所示。

数组的length属性是数组最常用的属性，该属性的值代表了数组中元素的个数。另外，由于数组索引值是从0开始的，因此length属性值比数组中最大的索引值大1。toString()属性用于返回一个字符串，该字符串包含数组中的所有元素，各个元素间使用逗号隔开。;4、二维数组对于复杂的业务逻辑，有时简单的一维数组不能够满足需求，需要使用二维数组。当数组中所有的数组元素也是数组时，就形成了二维数组。例如，要保存一个班级所有人的姓名、数学、语文、英语成绩等数据，使用一维数组是无法完成的，而使用二维数组可以很方便的做到。;【任务8-3】BOM与DOM对象;【任务8-3】知识储备;1、BOM对象window对象是浏览器的窗口，它是整个BOM的核心，位于BOM对象的最顶层。关于BOM对象的层次结构如下图所示。;1、BOM对象(1)window对象window对象表示整个浏览器窗口，用于获取浏览器窗口的大小、位置，或设置定时器等。window对象常用的属性和方法如下表所示。;1、BOM对象(1)window对象a) window对象的基本使用在前面的学习中，通常使用alert()弹出一个警告提示框，实际上完整的写法应该是window.alert()，即调用window对象的a