6、基于对象的JavaScript语言
JavaScript是基于对象的的语言,不像面向对象有抽象、继承、重载等有关面向对象的功能,但是它还是具有面向对象的基本特征,它可以根据需要创建自己的对象,从而进一步扩大JavaScript的应用范围,增强编写功能强大的Web文档。
对象的基础知识:
对象是由属性和方法两个基本元素组成。一个对象要引用之前,这个对象必须是存在的,可采用以下几种方式获得:SS
o 引用JavaScript内部对象;
o 由浏览器环境中提供;
o 创建新对象。
有关对象的操作语句
For···in
格式如下:
For(对象属性名 in 已知对象名)
with语句
with object{
...}
this关键字
New运算符
对象属性的引用:
对象属性的引用可以分三种方式引用:
a. 使用(.)运算符
university.Name=“云南省”
university.city=“昆明市”
university.Date="1999"
b. 使用[ ] 下标实现引用
University[0] =“云南省”
university[1]=“昆明市”
university[2] ="1999"
c. 通过字符串的形式引用
University[“Name”]=“云南省”
university[“city”]=“昆明市”
university[“Date”] ="1999"
对象方法的引用:ObjectName.methods()
常用对象的属性和方法
在JavaScript提供了string(字符串)、math(数值计算)和Date(日期)三种对象
常用的内部对象:
A、串对象的属性:length
串对象的方法:(一共19个)
锚点anchor():有关字符显示的控制方法
big字体显示, Italics()斜体字显示,bold()粗体字显示,blink()字符闪烁显示,small()字符用小体字显示,fixed()固定高亮字显示、fontsize(size)控制字体大小等。
字体颜色方法;fontcolor(color)
符串大小写转换toLowerCase()-小写转换,toUpperCase()大写转换。
字符搜索:indexOf[charactor,fromIndex],从指定formIndtx位置开始搜索charactor第一次出现的位置。返回字串的一部分字串:substring(start,end)从start开始到end的字符全部返回。
B、算术函数的math对象
主要属性:
math中提供了6个属性,它们是数学中经常用到的常数E、以10为底的自然对数LN10、以2为底的自然对数LN2、3.14159的PI、1/2的平方根SQRT1-2,2的平方根为SQRT2。
主要方法:
绝对值:abs()
正弦余弦值:sin(),cos()
反正弦反余弦 :asin(), acos()
正切反正切:tan(),atan()
四舍五入:round()
平方根:sqrt()
基于几方次的值:Pow(base,exponent)
...
C、日期以及时间对象
Date对象没有提供直接访问的属性。只具有获取和设置日期和时间的方法。
1. 获取日期的时间方法
getYear(): 返回年数
getMonth():返回当月号数
getDate(): 返回当日号数
getDay():返回星期几
getHours():返回小时数
getMintes(:返回分钟数
getSeconds():返回秒数
getTime() : 返回毫秒数
(2)设置日期和时间:
setYear();设置年
setDate():设置当月号数
setMonth():设置当月份数
setHours():设置小时数
setMintes():设置分钟数
setSeconds():设置秒数
setTime ():设置毫秒数
...
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字符串数
7、在JavaScript中创建新对象
对象的定义
JavaScript对象的定义,其基本的格式如下:
Function Object(属性表)
This.prop1=prop1
This.prop2=prop2
...
例如:function university(name,city,creatDate URL)
this.name=name
this.city=city
this. creatDate URL= New Date(creatDate)
this.URL=URL
创建对象实例
一旦对象定义完成后,就可以为该对象创建一个实例了:
NewObject=New object();
其中Newobjet是新的对象,Object已经定义好的对象。例:
U1=New university(“云南省”,“昆明市”,"January 05,199712:00:00","http://www.YN.KM")
U2=New university(“云南电子科技大学”,“昆明”,"January 07,1997 12:00:00","htlp://www.YNKJ.CN")
对象方法的使用
在对象中除了使用属性外,有时还需要使用方法。在对象的定义中,我们看到This.meth=FunctionName语句,那就是为定义对象的方法。实质对象的方法就是一个函数FunctionName,通过它实现自己的意图。
例在university对象中增加一个方法,该方法是显示它自己本身,并返回相应的字串。
function university(name,city,createDate,URL)
This.Name=Name;
This.city=city;
This.createDate=New Date(creatDate);
This.URL=URL;
This.showuniversity=showuniversity;
其中This.showuniversity就是定义了一个方法---showuniversity()。
而showuniversity()方法是实现university对象本身的显示。
function showuniversity()
For (var prop in this)
alert(prop+="+this[prop]+"");
其中alert是JavaScript中的内部函数,显示其字符串。
对象的使用方法
例在university对象中增加一个方法,该方法是显示它自己本身,并返回相应的字串。
function university(name,city,createDate,URL)
This.Name=Name;
This.city=city;
This.createDate=New Date(creatDate);
This.URL=URL;
This.showuniversity=showuniversity;
其中This.showuniversity就是定义了一个方法---showuniversity()。
而showuniversity()方法是实现university对象本身的显示。
function showuniversity()
For (var prop in this)
alert(prop+="+this[prop]+"");
其中alert是JavaScript中的内部函数,显示其字符串。
8、JavaScript对象系统的使用
浏览器对象层次以及主要作用
除了前面提到过的文档document对象外,Navigator浏览器中还提供了窗口(Window)对象以及历史(History)和位置(Location)对象。
浏览器对象(Navigator)
提供有关浏览器的信息
窗口对象(Windows)
Window对象处于对象层次的最顶端,它提供了处理Navigator窗口的方法和属性。
位置对象(Location)
Location对象提供了与当前打开的URL一起工作的方法和属性,它是一个静态的对象。
历史对象(History)
History对象提供了与历史清单有关的信息。
文档对象(Document)
document对象包含了与文档元素(elements)一起工作的对象,它将这些元素封装起来供编程人员使用。