javascript对象编程13.ppt

1、JavaScript面向对象编程,目的：学习JS对象概念，对象的功能和对象间的关系，并对JS内置对象有一定了解，掌握JS对象应用方法。 交流论坛： 网页设计版块,一、什么是对象,对象是由数据和与该数据相关的操作组成的一个整体。其中数据代表的是属性，而该数据相关的操作是对象的方法。 如杯子。一个杯子就是一个对象，杯子的颜色、材料、大小、位置、重量等就是杯子的属性。而将杯子移动到不同的位置就是它的方法了。 如名为张三的人。就是一个对象，其身高、体重、胖瘦等是属性，而其走动、跑跳等就是其方法。,二、JavaScript中的对象,、内置对象 指JS中包括的基本数据类型相关的对象String/Numbe

2、r/Boolean/Array/Object/Math/Date/RegExp等对象。 、文本对象 即document对象是DOM的一个部分。JS利用文本对象生成结构化的HTML和XML文档，并控制级联样式表实现动态的HTML。 、流览器对象 即browser。主要包括window和navigator对象。 、自定义对象,三、创建JS对象,在JS中使用new关键字来创建一个对象，创建对象的性质由new 关键字后的特定对象类型决定。如： var newString=new String(); /创建一个新的字符串对象 var newArray=new Array(); /创建一个新的数组对象 v

3、ar newDate=new Date(); /创建一个新的日期对象 在创建新的对象时，JS会自动为对象分配内存空间，在删除对象后空间将会被自动回收。,四、Math对象,Math对象具有一系列的常量和方法，能够实现比较复杂的算术运算。Math对象由解释器自动生成，可以不需要先创建实例，而是直接应用。 Math对象属性包括 E/LN2/LN10/LOG2E/LOG10E/PI/SQRT1_2/SQRT2 MATH对象的方法 abs(x)/cos(x)/acos(x)/sin(x)/asin(x)/tan(x)/atan(x)/atan2(x)/ceil(x) /exp(x) floor(x) /

4、log(x) /max(a,b) /min(a,b) /pow(n,m) /round(x) /random(),五、Date对象,Date对象提供了十分灵活的操作时间和日期的方法。 Date对象拥有一系列属性和方法，可以用来表示任意的日期和时间，获取系统当前时间和时间间隔。 值得注意是，取出的时间和日期是客户机上的，若客户机上的日期和时间有误，那取出来的日期和时间也会有错误。 Date对象使用时，需要先用new构造一个新对象，然后才能使用，如 var toDay=new Date(); Date对象常用方法 setFullYear()/ getFullYear()/ setYear() /g

5、etYear() 基本应用实例参考教材72页,六、Number对象,Number对象是提供基本数据类型的js内置对象，Number对象还提供数值型常数。其构建方法有2 1、var newNumber=new Number(); 2、var newNumber=new Number(123.456); Number对象方法 toString() 是Number对象的惟一有用的方法，即以字符串格式输出,七、String对象,String对象提供基本数据类型中字符串类型的访问方法。其构造方法如：var newString=new String();或者var newStr=new String(“a

6、b”); String对象属性 length : 得到字符串对象的长度 String对象方法 charAt()charCodeAt()fromCharCode() indexOf()lastIndexOf()split() Substring()substr()toLowerCase() toUpperCase()concat() 各方法演示代码见备注或fun-demo7.html,八、数组对象,数组对象是JAVASCRIPT中的内置对象，其包括各种属性和方法。 数组对象的创建方法如下： var farray=new Array(); /注意对象首字母大写 定义动态数组 var xarray=new Array(“a”,”b”,”c”,”d”); var sarray=“white”,”black”,”yellow”,”orange”; /创建并初始化对象 var tarray=new Array(3); /定义数组并指定元素个数 var sarray=,a,b; /空元素 var tarray=“a”,5,object; /数组元素类型不同 删除数组元素 delete a6; /删除第七个元素，注意只是删除了第7个元素的值，但数组长度并未改