JavaScript教程--从入门到精通(四) | |||||||||
基于对象的javascript语言 javascript语言是基于对象的(Object-Based),而不是面向对象的(object-oriented)。之所以说它是一门基于对象的语言,主要是因为它没有提供象抽象、继承、重载等有关面向对象语言的许多功能。而是把其它语言所创建的复杂对象统一起来,从而形成一个非常强大的对象系统。 虽然javascript语言是一门基于对象的,但它还是具有一些面向对象的基本特征。它可以根据需要创建自己的对象,从而进一步扩大javascript的应用范围,增强编写功能强大的Web文档。
(2) with语句 使用该语句的意思是:在该语句体内,任何对变量的引用被认为是这个对象的属性,以节省一些代码。 with object{ ...} 所有在with语句后的花括号中的语句,都是在后面object对象的作用域的。 (3) this关键字 this是对当前的引用,在javascript由于对象的引用是多层次,多方位的,往往一个对象的引用又需要对另一个对象的引用,而另一个对象有可能又要引用另一个对象,这样有可能造成混乱,最后自己已不知道现在引用的那一个对象,为此javascript提供了一个用于将对象指定当前对象的语句this。 (4) New运算符 虽然在javascript中对象的功能已经是非常强大的了。但更强大的是设计人员可以按照需求来创建自己的对象,以满足某一特定的要求。使用New运算符可以创建一个新的对象。其创建对象使用如下格式: Newobject=NEW Object(Parameters table); 其中Newobject创建的新对象:object是已经存在的对象; parameters table参数表;new是javascript中的命令语句。 如创建一个日期新对象 newData=New Data() birthday=New Data (December 12.1998) 之后就可使NewData、birthday作为一个新的日期对象了。 4、对象属性的引用 对象属性的引用可由下列三种方式之一实现: (1)使用点(.)运算符
(2)通过对象的下标实现引用
5、对象的方法的引用 在javascript中对象方法的引用是非常简单的。 ObjectName.methods() 实际上methods()=FunctionName方法实质上是一个函数。 如引用university对象中的showmy()方法,则可使用: document.write (university.showmy()) 或:document.write(university) 如引用math内部对象中cos()的方法 则: with(math) document.write(cos(35)); document.write(cos(80)); 若不使用with则引用时相对要复杂些: document.write(Math.cos(35)) document.write(math.sin(80)) 二、常用对象的属性和方法 javascript为我们提供了一些非常有用的常用内部对象和方法。用户不需要用脚本来实现这些功能。这正是基于对象编程的真正目的。 在javascript提供了string(字符串)、math(数值计算)和Date(日期)三种对象和其它一些相关的方法。从而为编程人员快速开发强大的脚本程序提供了非常有利的条件。 1、常用内部对象 在javascript中对于对象属性与方法的引用,有两种情况:其一是说该对象是静态对象,即在引用该对象的属性或方法时不需要为它创建实例;而另一种对象则在引用它的对象或方法是必须为它创建一个实例,即该对象是动态对象。 对javascript内部对象的引用,以是紧紧围绕着它的属性与方法进行的。因而明确对象的静动性对于掌握和理解javascript内部对象是具有非常重要的意义。 1)、串对象 o string对象:内部静态性。 o 访问properties和methods时,可使用(.)运算符实现。 o 基本使用格式:objectName.prop/methods (1)串对象的属性 该对象只有一个属性,即length。它表明了字符串中的字符个数,包括所有符号。 例: mytest="This is a javascript" mystringlength=mytest.length 最后mystringlength返回mytest字串的长度为20。 (2)串对象的方法 string对象的方法共有19个。主要用于有关字符串在Web页面中的显示、字体大小、字体颜色、字符的搜索以及字符的大小写转换。 其主要方法如下: o 锚点anchor():该方法创建如用Html文档中一样的anchor标记。使用anchor如用Html中(A Name="")一样。通过下列格式访问:string.anchor(anchorName)。 o 有关字符显示的控制方法 big字体显示, Italics()斜体字显示,bold()粗体字显示,blink()字符闪烁显示,small()字符用小体字显示,fixed()固定高亮字显示、fontsize(size)控制字体大小等。 o 字体颜色方法;fontcolor(color) o 字符串大小写转换 toLowerCase()-小写转换,toUpperCase()大写转换。下列把一个给定的串分别转换成大写和小写格式: string=stringValue.toUpperCase和string=stringValue.toLowerCase。 o 字符搜索:indexOf[charactor,fromIndex] 从指定formIndtx位置开始搜索charactor第一次出现的位置。 返回字串的一部分字串:substring(start,end) 从start开始到end的字符全部返回。 2)、算术函数的math对象 功能:提供除加、减、乘、除以外的一引些自述运算。如对数,平方根等 。 静动性:静态对象 (1)主要属性 math中提供了6个属性,它们是数学中经常用到的常数E、以10为底的自然对数LN10、以2为底的自然对数LN2、3.14159的PI、1/2的平方根SQRT1-2,2的平方根为SQRT2。 (2)主要方法 绝对值:abs() 正弦余弦值:sin(),cos() 反正弦反余弦 :asin(), acos() 正切反正切:tan(),atan() 四舍五入:round() 平方根:sqrt() 基于几方次的值:Pow(base,exponent) ... 3)、日期及时间对象 功能:提供一个有关日期和时间的对象。 静动性:动态性,即必须使用New运算符创建一个实例。例: MyDate=New Date() Date对象没有提供直接访问的属性。只具有获取和设置日期和时间的方法。 日期起始值:1770年1月1日00:00:00。 1. 获取日期的时间方法 getYear(): 返回年数 getMonth():返回当月号数 getDate(): 返回当日号数 getDay():返回星期几 getHours():返回小时数 getMintes(:返回分钟数 getSeconds():返回秒数 getTime() : 返回毫秒数 (2)设置日期和时间: setYear();设置年 setDate():设置当月号数 setMonth():设置当月份数 setHours():设置小时数 setMintes():设置分钟数 setSeconds():设置秒数 setTime ():设置毫秒数 ... 2、javascript中的系统函数 javascript中的系统函数又称内部方法。它提供了与任何对象无关的系统函数,使用这些函数不需创建任何实例,可直接用。 1.返回字符串表达式中的值: 方法名:eval(字串表达式),例: test=eval("8+9+5/2"); 2. 返回字符串ASCI码: 方法名:unEscape (string) 3.返回字符的编码: 方法名:escape(character) 4.返回实数: parseFloat(floustring); 5.返回不同进制的数: parseInt(numbestring ,rad.X) 其中radix是数的进制,numbs字符串数 三、范例 下面是一个时钟显示的javascript文档。在文档中用了非常多的函数。 Test4_1.htm
|
JavaScript教程--从入门到精通(四)
最新推荐文章于 2024-08-23 16:53:29 发布