《htmldhtml实用教程 教学课件 作者 赵丰年 第八章》由会员分享，可在线阅读，更多相关《htmldhtml实用教程 教学课件 作者 赵丰年 第八章（73页珍藏版）》请在金锄头文库上搜索。
1、第8章 JavaScript内置对象,8.1 什么是对象 8.2 对象运算符与语句 8.3 JavaScript内置对象,第8章 JavaScript内置对象,JavaScript作为一种基于对象的编程语言，其中主要包括两类对象:一类是JavaScript内置对象，也就是JavaScript语言本身自带的对象;另一类是浏览器对象，由客户浏览器所支持。通过使用这些对象，我们可以控制页面元素的显示及完成各种功能。 本章将介绍JavaScript的内置对象，主要内容如下: 什么是对象; 对象运算符和语句，如:new运算符、delete运算符、with语句和for in语句; JavaScript内置
2、的对象，如:array对象、Date对象、Global对象、M ath对象和String对象等。,返回,8.1 什么是对象,8.1.1 对象的属性和方法 对象就是客观世界中存在的特定实体。例如，电脑就是一个对象，它包含显示器、CPU,光驱、硬盘、软盘和音箱等属性，同时又包含玩游戏、上网和学习等功能，也就是说，电脑这个对象由这些特性和动作所组成。在计算机世界中也包含各种各样的对象。例如，一个Web页可以被看做是一个对象，它包含背景颜色、前景颜色等特性，同时也包含打开、关闭等动作。 由此看来，对象一般包含两个要素: 属性:这是一些用来描述对象特性的一组数据，也就是若干变量; 方法:这是一些用来操作
3、对象特性的动作，也就是若干函数。,下一页,返回,8.1 什么是对象,例如，document对象(一种浏览器对象，有关该对象的详细情况清参见本书第9章)的bgColor属性用于描述文档的背景颜色，而使用document对象的write方法可以在文档中写特定的内容。 通过访问或设置对象的属性，并且调用对象的方法，我们可以对对象进行各种操作。,上一页,下一页,返回,8.1 什么是对象,8.1.2 基于对象的JavaScript 所谓面向对象的技术，就是通常说的00 CObject-Oriented Techbology)技术，近年来己经逐步成为占主导地位的编程技术。与常规的线性编程方法不同，在面向对
4、象的编程技术中，从概念上将一组函数和变量组织成一个对象，从而将数据封装起来，达到模块化编程的目的。面向对象技术具有一些典型的特点，包括:封装性(EncapsulatioW、继承性(Inheritance,分类性(Classification) III多态性(Polymorphism)等。 严格地说，JavaScript不是面向对象的语言(因为它不支持分类、继承等特性)，但是它确实是基于对象(Obj a ct-B ase d的编程语言(因为它支持多种对象类型，并可以创建对象实例)。尽竹JavaScript没有提供完全的面向对象的特性，但是它提供了一组特别适合于浏览器和服务器脚本的基于对象的特性。
5、这些特性包含一组预定义浏览器对象和服务器对象，以及通过其他对象的属性和方法访问相关对象的功能。另外，JavaScript还提供了一系列内置对象，用于实现一些通用的功能。,上一页,返回,8.2 对象运算符与语句,在JavaScript中包含两个运算符和两条语句，专门用于操作对象(在第7章中种经提到过)。它们是:new运算符、delete运算符、with语句不II for in语句。 8.2.1 new运算符 new运算符的作用就是新建一个对象。例如，如果要创建一个新的数组对象，可以使用以下语句: var myArray=new Array();,下一页,返回,8.2 对象运算符与语句,8.2.2
6、 delete运算符 delete运算符的作用是从对象中删除属性和方法或者从数组中删除元素(有关数组的介绍请参见8.3.1节)。 下面是一个使用delete运算符的例子，其源代码如下所示: Delete实例 ,上一页,下一页,返回,8.2 对象运算符与语句,myArray1_”南瓜” myArray2=”冬瓜” myArray3=“傻瓜” document.write(“使用delete之前:”); document.write(myArray); document.write(“); delete myArray3; /删除myArray3这个元索 document.write(“使用del
7、ete之后:”) document.write(myArray); /- 在浏览器中打开该文件，效果如图8.1所示,上一页,下一页,返回,8.2 对象运算符与语句,8.2.3 with语句 语法 with(对象) 语句; 说明:如果在程序中要使用某一个对象的多个属性和方法，那么就可以使用with语句。将需要使用其属性和方法的对象用with语句包含起来，然后在代码中就可以不必再引用该对象而直接使用它的方法和属性。 下面是一个使用with语句的例子，它通过with语句说明要使用的对象是document,所以在程序语句中引用当前文档中没有被访问的超链接颜色属性linkColo:和当前文档标题属性ti
8、tle时不再使用完整的引用。该例子的源代码如下所示:,上一页,下一页,返回,8.2 对象运算符与语句, 对象with语句实例 “) dooument.write“当前文档的标题为:“+title+“ 。 “) /以上语句中的“+”表示字符串加。,上一页,下一页,返回,8.2 对象运算符与语句, / 在浏览器中打开该文件，效果如图8.2所示。,上一页,下一页,返回,8.2 对象运算符与语句,8.2.4 for in语句 语法 for(对象中的变量) 语句; 说明:for in语句是一种特殊的循环语句，用于浏览一个对象的所有属性，对于每一个属性，循环体内的语句被执行一次。 下面的实例使用for i
9、n语句浏览window对象的所有属性，并将它们显示出来，源代码如下所示: for in语句实例,上一页,下一页,返回,8.2 对象运算符与语句, window对象IJ属性如下:“) for (var i in window) document.write(i+“) /“+“为字符串加运算。 / 在浏览器中打开该文件，效果如图8.3所示。,上一页,返回,8.3 JavaScript内置对象,下面我们将介绍一些常用的JavaScript内置对象，包括数组对象Array、日期对象Date,全局对象Global、数学对象M ath、字符串对象String等 8.3.1 Array对象 Array对象也
10、就是数组对象，可以用来实现编程语言中最常见的一种数据结构-数组。 1.构造函数 Array对象的构造函数(所谓构造函数是指用来创建对象的函数)有以下三种: var variable=new Array;,下一页,返回,8.3 JavaScript内置对象,使用该构造函数创建的数组的长度是。当具体为其指定数组元素时，JavaScript将自动延长数组的长度。 例如:以下这段源代码表示新建一个数组size，将数组中的第11个元素赋值“43inch “，其余10个数组元素的值为空值。 size=new Array; size10 “43inch“; /JavaScript数组下标从0开始编号，因此s
11、ize10表示第11个元索。 var variable=new Array(int); 使用该构造函数可以创建一个包含int + 1个元素的数组，但是没有指定具体的元素。同样，在具体指定数组元素时，数组的长度可以动态更改。 例如:以下这段源代码表示新建一个包含9个元素的数组color，然后指定数组的第12个元素为“白色”，这时数组长度将自动调整为13。,上一页,下一页,返回,8.3 JavaScript内置对象,color=new Array(8); Colorl2=“white“; var variable=new Array(argl,arg2,argn); 使用该构造函数可以直接使用数组
12、元素作为参数，数组的长度为n，数组元素按照指定的顺序赋值。使用这种构造函数时，参数之间必须使用逗号分隔开，并且不允许省略任何参数。 注意，以下两种数组定义都是错误的: myColor=new Array(redblack,red,blue); myColor=new Array(red,black,red,blue,); 2. Array对象的属性和方法 Array对象的属性和方法如表8.1所示。,上一页,下一页,返回,8.3 JavaScript内置对象,3. Array对象实例 下面是一个使用Array对象的实例，其源代码如下所示： Array对象实例 ,上一页,下一页,返回,8.3 Ja
13、vaScript内置对象,document.write(”使用sort之前:“) document.write(myObject); document.write(“); document.write(”使用sort之后:“) document.write(myObject.sort(); /myObject.sort()中的”.”是成员选择运算符，用于引用对象的属性和方法。 document.write(“); document.write(”使用slice之前:”); document.write(myObject); document.write(“);,上一页,下一页,返回,8.3 J
14、avaScript内置对象,document.write(”使用slice之后:”); document.write(myObject.slice(2,4); /新数组中将包含myObject/2/和myObject/3J两个元索 / 在浏览器中打开该文件，效果如图8.4所示。,上一页,下一页,返回,8.3 JavaScript内置对象,8.3.2 Date对象 Date对象就是日期对象，它可以表小从年到毫秒的所有时间和日期。该对象是JavaScrip内置对象中使用频率最高的一个对象。 1. Date对象的构造函数 创建日期对象可以使用如下所小的4种构造函数: var varibale=new
15、 Date(); 该构造函数可以使用当前时间和日期创建Date对象。 var varibale=new Date(millisenconds); 该构造函数可以使用从GMT(格林威治平均时间)时间1970年1月1日凌晨到期望日期和时间之间的毫秒来创建Date对象。,上一页,下一页,返回,8.3 JavaScript内置对象,var varibale=new Date(string); 该构造函数可以使用特定的表示期望日期和时间的字符串来创建Date实例。该字符串的格式应该与Date对象的parse方法相匹配。 var varibale=new Date(year,month,day,hours
16、,minutes,seconds,milliseconds); 该构造函数使用年、月、日、小时、分、秒、毫秒的形式创建Date对象。 2. Date对象的属性和方法 Date对象的属性和方法如表8.2所示。 3. Date对象实例一 下面是一个使用Date对象的例子，其源代码如下所示:,上一页,下一页,返回,8.3 JavaScript内置对象, Date对象实例之 ,上一页,下一页,返回,8.3 JavaScript内置对象,else if(myHour9) welcomeString=”早上好”; else if(myHour12) welcomeString=“上午好”; else if(myHour14) welcomeString=“中午好”; else if(myHour17) welcomeString=“下午好”; else if(myHour19) welcomeString=“傍晚好”; else if(myHour22) welcomeString=”
