JavaScript語(yǔ)言是基于對象的（Object-Based），而不是面向對象的（object-oriented）。之所以說(shuō)它是一門(mén)基于對象的語(yǔ)言，主要是因為它沒(méi)有提供象抽象、繼承、重載等有關(guān)面向對象語(yǔ)言的許多功能。而是把其它語(yǔ)言所創(chuàng )建的復雜對象統一起來(lái)，從而形成一個(gè)非常強大的對象系統。 雖然JavaScript語(yǔ)言是一門(mén)基于對象的，但它還是具有一些面向對象的基本特征。它可以根據需要創(chuàng )建自己的對象，從而進(jìn)一步擴大JavaScript的應用范圍，增強編寫(xiě)功能強大的Web文檔。
一、對象的基礎知識
1、對象的基本結構
JavaScript中的對象是由屬性(properties)和方法(methods)兩個(gè)基本的元素的構成的。前者是對象在實(shí)施其所需要行為的過(guò)程中，實(shí)現信息的裝載單位，從而與變量相關(guān)聯(lián)；后者是指對象能夠按照設計者的意圖而被執行，從而與特定的函數相聯(lián)。
2、引用對象的途徑
一個(gè)對象要真正地被使用，可采用以下幾種方式獲得：
o 引用JavaScript內部對象；
o 由瀏覽器環(huán)境中提供；
o 創(chuàng )建新對象。
這就是說(shuō)一個(gè)對象在被引用之前，這個(gè)對象必須存在，否則引用將毫無(wú)意義，而出現錯誤信息。從上面中我們可以看出JavaScript引用對象可通過(guò)三種方式獲取。要么創(chuàng )建新的對象，要么利用現存的對象。
３、有關(guān)對象操作語(yǔ)句
JavaScript不是一純面向對象的語(yǔ)言，它設有提供面向對象語(yǔ)言的許多功能，因此JavaScript設計者之所以把它你“基于對象”而不是面向對象的語(yǔ)言，在JavaScript中提供了幾個(gè)用于操作對象的語(yǔ)句和關(guān)鍵字及運算符。
（1） For...in語(yǔ)句
格式如下：
For（對象屬性名 in 已知對象名）
說(shuō)明：
o 該語(yǔ)句的功能是用于對已知對象的所有屬性進(jìn)行操作的控制循環(huán)。它是將一個(gè)已知對象的所有屬性反復置給一個(gè)變量；而不是使用計數器來(lái)實(shí)現的。
o 該語(yǔ)句的優(yōu)點(diǎn)就是無(wú)需知道對象中屬性的個(gè)數即可進(jìn)行操作。
例：下列函數是顯示數組中的內容：
Function showData(object)
for (var X=0; X<30;X++)
document.write(object[i])；
該函數是通過(guò)數組下標順序值，來(lái)訪(fǎng)問(wèn)每個(gè)對象的屬性，使用這種方式首先必須知道數組的下標值，否則若超出范圍，則就會(huì )發(fā)生錯誤。而使For...in語(yǔ)句，則根本不需要知道對象屬性的個(gè)數，見(jiàn)下：
Function showData(object)
for(var prop in object)
document.write(object[prop])；
使用該函數時(shí)，在循環(huán)體中，For自動(dòng)將的屬性取出來(lái)，直到最后為此。
（2） with語(yǔ)句
使用該語(yǔ)句的意思是：在該語(yǔ)句體內，任何對變量的引用被認為是這個(gè)對象的屬性，以節省一些代碼。
with object{
...}
所有在with語(yǔ)句后的花括號中的語(yǔ)句，都是在后面object對象的作用域的。
（3） this關(guān)鍵字
this是對當前的引用，在JavaScript由于對象的引用是多層次，多方位的，往往一個(gè)對象的引用又需要對另一個(gè)對象的引用，而另一個(gè)對象有可能又要引用另一個(gè)對象，這樣有可能造成混亂，最后自己已不知道現在引用的那一個(gè)對象，為此JavaScript提供了一個(gè)用于將對象指定當前對象的語(yǔ)句this。
（4） New運算符
雖然在JavaScript中對象的功能已經(jīng)是非常強大的了。但更強大的是設計人員可以按照需求來(lái)創(chuàng )建自己的對象，以滿(mǎn)足某一特定的要求。使用New運算符可以創(chuàng )建一個(gè)新的對象。其創(chuàng )建對象使用如下格式：
Newobject=NEW Object(Parameters table);
其中Newobject創(chuàng )建的新對象：object是已經(jīng)存在的對象； parameters table參數表；new是JavaScript中的命令語(yǔ)句。
如創(chuàng )建一個(gè)日期新對象
newData=New Data()
birthday=New Data (December 12.1998)
之后就可使NewData、birthday作為一個(gè)新的日期對象了。
４、對象屬性的引用
對象屬性的引用可由下列三種方式之一實(shí)現：
（1）使用點(diǎn)（.）運算符
university.Name=“云南省”
university.city=“昆明市”
university.Date="1999"
其中university是一個(gè)已經(jīng)存在的對象，Name、City、Date是它的三個(gè)屬性，并通過(guò)操作對其賦值。
（2）通過(guò)對象的下標實(shí)現引用
university[0]=“云南”
university[1]=“昆明市”
university[2]="1999"
通過(guò)數組形式的訪(fǎng)問(wèn)屬性，可以使用循環(huán)操作獲取其值。
function showunievsity(object)
for (var j=0;j<2; j++)
document.write(object[j])
若采用For...in則可以不知其屬性的個(gè)數后就可以實(shí)現：
Function showmy(object)
for (var prop in this)
docament.write(this[prop]);
（3）通過(guò)字符串的形式實(shí)現
university["Name"]=“云南”
university["City"]=“昆明市”
university["Date"]="1999"
５、對象的方法的引用
在JavaScript中對象方法的引用是非常簡(jiǎn)單的。
ObjectName.methods()
實(shí)際上methods()=FunctionName方法實(shí)質(zhì)上是一個(gè)函數。 如引用university對象中的showmy（）方法，則可使用：
document.write (university.showmy())
或：document.write(university)
如引用math內部對象中cos()的方法
則：
with(math)
document.write(cos(35));
document.write(cos(80));
若不使用with則引用時(shí)相對要復雜些：
document.write(Math.cos(35))
document.write(math.sin(80))
二、常用對象的屬性和方法
JavaScript為我們提供了一些非常有用的常用內部對象和方法。用戶(hù)不需要用腳本來(lái)實(shí)現這些功能。這正是基于對象編程的真正目的。
在JavaScript提供了string（字符串）、math（數值計算）和Date（日期）三種對象和其它一些相關(guān)的方法。從而為編程人員快速開(kāi)發(fā)強大的腳本程序提供了非常有利的條件。
1、常用內部對象
在JavaScript中對于對象屬性與方法的引用，有兩種情況：其一是說(shuō)該對象是靜態(tài)對象，即在引用該對象的屬性或方法時(shí)不需要為它創(chuàng )建實(shí)例；而另一種對象則在引用它的對象或方法是必須為它創(chuàng )建一個(gè)實(shí)例，即該對象是動(dòng)態(tài)對象。
對JavaScript內部對象的引用，以是緊緊圍繞著(zhù)它的屬性與方法進(jìn)行的。因而明確對象的靜動(dòng)性對于掌握和理解JavaScript內部對象是具有非常重要的意義。
１)、串對象
o string對象：內部靜態(tài)性。
o 訪(fǎng)問(wèn)properties和methods時(shí)，可使用（.）運算符實(shí)現。
o 基本使用格式：objectName.prop/methods
（１）串對象的屬性
該對象只有一個(gè)屬性，即length。它表明了字符串中的字符個(gè)數，包括所有符號。
例：
mytest="This is a JavaScript"
mystringlength=mytest.length
最后mystringlength返回mytest字串的長(cháng)度為20。
（２）串對象的方法
string對象的方法共有１９個(gè)。主要用于有關(guān)字符串在Web頁(yè)面中的顯示、字體大小、字體顏色、字符的搜索以及字符的大小寫(xiě)轉換。
其主要方法如下：
o 錨點(diǎn)anchor()：該方法創(chuàng )建如用Html文檔中一樣的anchor標記。使用anchor如用Html中(A Name="")一樣。通過(guò)下列格式訪(fǎng)問(wèn):string.anchor(anchorName)。
o 有關(guān)字符顯示的控制方法
big字體顯示, Italics()斜體字顯示，bold()粗體字顯示，blink()字符閃爍顯示，small（）字符用小體字顯示，fixed()固定高亮字顯示、fontsize(size)控制字體大小等。
o 字體顏色方法；fontcolor(color)
o 字符串大小寫(xiě)轉換
toLowerCase()－小寫(xiě)轉換，toUpperCase()大寫(xiě)轉換。下列把一個(gè)給定的串分別轉換成大寫(xiě)和小寫(xiě)格式:
string=stringValue.toUpperCase和string=stringValue.toLowerCase。
o 字符搜索：indexOf[charactor,fromIndex]
從指定formIndtx位置開(kāi)始搜索charactor第一次出現的位置。
返回字串的一部分字串：substring(start,end)
從start開(kāi)始到end的字符全部返回。
２)、算術(shù)函數的math對象
功能：提供除加、減、乘、除以外的一引些自述運算。如對數，平方根等 。
靜動(dòng)性：靜態(tài)對象
（１）主要屬性
math中提供了６個(gè)屬性，它們是數學(xué)中經(jīng)常用到的常數Ｅ、以１０為底的自然對數ＬＮ１０、以２為底的自然對數LN2、3.14159的PI、1/2的平方根SQRT1-2,2的平方根為SQRT2。
（２）主要方法
絕對值：abs()
正弦余弦值：sin(),cos()
反正弦反余弦 :asin(), acos()
正切反正切：tan(),atan()
四舍五入：round()
平方根：sqrt()
基于幾方次的值：Pow(base,exponent)
...
３)、日期及時(shí)間對象
功能：提供一個(gè)有關(guān)日期和時(shí)間的對象。
靜動(dòng)性：動(dòng)態(tài)性，即必須使用New運算符創(chuàng )建一個(gè)實(shí)例。例:
MyDate=New Date()
Date對象沒(méi)有提供直接訪(fǎng)問(wèn)的屬性。只具有獲取和設置日期和時(shí)間的方法。
日期起始值:１７７０年１月１日００:００:００。
1. 獲取日期的時(shí)間方法
getYear(): 返回年數
getMonth():返回當月號數
getDate(): 返回當日號數
getDay():返回星期幾
getHours():返回小時(shí)數
getMintes(:返回分鐘數
getSeconds():返回秒數
getTime() : 返回毫秒數
（２）設置日期和時(shí)間：
setYear();設置年
setDate():設置當月號數
setMonth():設置當月份數
setHours():設置小時(shí)數
setMintes():設置分鐘數
setSeconds():設置秒數
setTime ():設置毫秒數
...
2、JavaScript中的系統函數
JavaScript中的系統函數又稱(chēng)內部方法。它提供了與任何對象無(wú)關(guān)的系統函數，使用這些函數不需創(chuàng )建任何實(shí)例,可直接用。
1．返回字符串表達式中的值：
方法名：eval（字串表達式），例：
test=eval("8+9+5/2");
2. 返回字符串ASCI碼：
方法名：unEscape (string)
3．返回字符的編碼：
方法名：escape(character)
4．返回實(shí)數：
parseFloat(floustring);
5．返回不同進(jìn)制的數：
parseInt(numbestring ,rad.X)
其中radix是數的進(jìn)制，numbs字符串數
三、范例
下面是一個(gè)時(shí)鐘顯示的JavaScript文檔。在文檔中用了非常多的函數。
Test4_1.htm
<html>
<head>
<style TYPE="text/css">
<style>
</style>
<title>時(shí)鐘</title>
<script LANGUAGE="JavaScript">
function showClock() {
}
function hideClock() {
}
var timerID = null
var timerRunning = false
function stopClock() {
if(timerRunning)
clearTimeout(timerID);
timerRunning = false
document.clock.face.value = "";
}
function showTime() {
var now = new Date();
var year = now.getYear();
var month = now.getMonth() + 1;
var date = now.getDate();
var hours = now.getHours();
var mins = now.getMinutes();
var secs = now.getSeconds();
var timeVal = "";
timeVal += ((hours <= 12) ? hours : hours - 12);
timeVal += ((mins < 10) ? ":0" : ":") + mins;
timeVal += ((secs <= 10) ? ":0" : ":") + secs;
timeVal += ((hours < 12) ? "AM" : "PM");
timeVal += ((month < 10) ? " on 0" : " on ") + month + "-";
timeVal += date + "-" + year;
document.clock.face.value = timeVal;
timerID = setTimeout("showTime()", 1000);
timerRunning = true
}
function startClock() {
stopClock();
showTime();
}
function windowOpener( indexnum ){
var loadpos="date.html"+"#"+indexnum;
controlWindow=window.open(loadpos,"date","toolbar=no,location=no,
directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,
width=620,height=400");
}
</script>
</head>
<body onLoad="startClock()" >
<p align="center"><big><span style="background-color: rgb(45,45,45)">
<font face="Arial">form</font> <font face="宋體">時(shí)鐘</font>
</span></big></p>
<p align="center"> </p>
<div align="center"><center>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%"><form NAME="clock" onSubmit="0">
<div align="center"><center><p><input TYPE="text" NAME="face" size="20"
VALUE style="background-color: rgb(192,192,192)"> </p>
</center></div>
</form>
</td>
</tr>
</table>
</center></div>
</body>
</html>
本講介紹了基于對象的JavaScript中常用內部對象屬性、方法的使用。
