- 相關(guān)推薦
JavaScript常用對(duì)象的方法和屬性小結(jié)講解
本文將簡(jiǎn)單介紹JavaScript中一些常用對(duì)象的屬性和方法，以及幾個(gè)有用的系統(tǒng)函數(shù)。
一、串方法
JavaScript有強(qiáng)大的串處理功能，有了這些串方法，才能編寫出豐富多彩的網(wǎng)頁。在這一部分里，我們將介紹到如何使用與串對(duì)象有關(guān)的方法和屬性。
1.串對(duì)象的length屬性
串對(duì)象僅有一個(gè)屬性length，這個(gè)屬性值表示這個(gè)串所包括字符的相對(duì)數(shù)目。語法為: stringName.length
2.串對(duì)象的方法
JavaScript提供了多個(gè)串方法以幫助控制顯示信息。串方法可以分為幾個(gè)大類，如屬性方法、導(dǎo)航方法等等。下面我們將分類介紹。
(1)屬性方法 串的屬性方法指定了普通文本顯示在屏幕上的方式。它提供了一種理想的方式使主頁變得更有吸引力。
blink() blink()方法引起文本閃爍，語法形式如下: string.blink();
bold() bold()方法使串變?yōu)榇煮w。語法形式如下: string.bold();
fontcolor() fontcolor()方法可以改變單個(gè)串的顏色，或者在每次重新裝入頁面或事件發(fā)生時(shí)，改變顏色。同樣，這個(gè)方法也有一個(gè)相對(duì)應(yīng)的HTML標(biāo)識(shí)-- fontcolor()的語法是 string.fontcolor(color); 在這里，color是一種顏色的合法表示。
italics() italics()方法把串變?yōu)樾斌w，以同其余文字區(qū)分開來，italics() 的語法如下: string.italics();
(2)大小寫方法 JavaScript嚴(yán)格區(qū)分字母的大小寫。為了方便地比較兩個(gè)串，就要把它們都轉(zhuǎn)化為大寫或小寫。串對(duì)象的大小寫方法就支持在大小寫之間轉(zhuǎn)換。
toLowerCase() tolowerCase()方法把一個(gè)給定的串中每個(gè)字符轉(zhuǎn)變成小寫狀態(tài)。語法形式如下: string=stringValue.toLowerCase();
toUpperCase() 與tolowerCase()方法相反是toUpperCase()方法，它把一個(gè)給定串轉(zhuǎn)變成大寫字符串。 string=stringValue.toUpperCase();
(3)操作方法 操作方法提供了許多種在一個(gè)文本串內(nèi)查找字符串的方法，其中包括charAt()、indexO f()、LastIndexOf()和substring()四種方法。我們可以使用這些方法格式化和操作用戶輸入的串變量，其中charAt()和 substring()兩種方法從一個(gè)串中抽取一個(gè)或多個(gè)字符，剩下的兩個(gè)方法返回待查找值的第一個(gè)字符在串中出現(xiàn)位置的數(shù)字值。
charAt() charAt()方法從一個(gè)給定串中返回指定位置的字符。它的使用方法如下: string.charAt(index); 其中index是一個(gè)在0和小于串長(zhǎng)度之間的一個(gè)數(shù)(串長(zhǎng)度可以通過Length屬性得到)，
substring() substring()方法從一個(gè)大串中返回它的一個(gè)子串。它的語法形式如下: string.substring(indexA，indexB) indexA和indexB兩者都是在0和串長(zhǎng)度之間的數(shù)字值。它們是串的兩個(gè)下標(biāo)。
indexOf() indexOf()方法返回在一個(gè)長(zhǎng)串中與指定的串匹配的子串的位置。它從左到右地查找給定的串，語法形式如下: string.indexOf(searchValue，[fromIndex]); 其中string是indexOf()要在其中查找searchValue的串，而searc hValue是任何想要查找的字符或子串。 fromIndex是一個(gè)可選項(xiàng)，它指定查找開始的位置。fromIndex的范圍與charAt()和Subs tring()相似(0到length-1)。它不能大于或等于length，如果沒有指定fromIndex，該方法認(rèn)為其缺省地?并查找整個(gè)串。 indexOf()的返回值是searchValue首次出現(xiàn)的第一個(gè)字符的偏移量(從串的開頭算起)。即使指定了fromIndex，該返回值仍是相對(duì)于串的開頭的(有可能在前面一些的地方出現(xiàn)的se archValue將被忽略)。
lastIndexOf() lastIndexOf()方法與IndexOf()方法類似，只是它從右到左地查找串。lastIndexOf()仍舊給出被查找串的首字符位置，而不是末尾字符的位置。 lastIndexOf()方法的語法形式如下: string.Last indexOf(searchValue); searchValue仍是想要查找的串。
(4)導(dǎo)航方法 使用超文本時(shí)會(huì)接觸到錨(anchor)和鏈路的概念。錨就如同在網(wǎng)頁中放置的書標(biāo)(你可以很方便地回到那兒);鏈路是對(duì)另一頁面(或相同及不同頁面的錨)的指引。
anchor() anchor()方法用來設(shè)置一個(gè)錨，它的語法形式很簡(jiǎn)單: string.anchor(anchorName); 考察下面的例子: var indexString="Index"; document.writeln(indexString.anchor("anchorName")); 這條語句在屏幕上打印文本Index;anchorName是這個(gè)錨真正的名字。像這樣的錨一般被鏈路用來跳轉(zhuǎn)到頁面中錨的實(shí)際位置。
link() link()的功能是跳轉(zhuǎn)到指定的目標(biāo)。它相當(dāng)于標(biāo)準(zhǔn)HTML引用(由HREF屬性指定的超文本引用)。它的語法形式也非常簡(jiǎn)單: linkText.link(href) linkText是屏幕上的文本，href屬性不一定是一個(gè)錨，它也可以是一個(gè)合法的URL引用。下面的例子說明如何用link()來創(chuàng)建直接跳轉(zhuǎn)到前面創(chuàng)建的錨的鏈路; var indexStirng="Index" document.writeln(indexString.link("#"+"anchorName")+"") 這條語句在屏幕上打印鏈路格式的文本Index(通常在下面加下劃線);anchorName是錨的實(shí)際的名字。當(dāng)單擊這條鏈路時(shí)，這個(gè)錨將出現(xiàn)在瀏覽器用戶窗口的頂部。請(qǐng)注意:要保證在同一文檔內(nèi)部的錨的引用中加上#號(hào)。在加#號(hào)的時(shí)候，要將它用雙引號(hào)括起來并用加號(hào)與完整的引用連起來�？梢詤⒁娗懊娴睦�。如果省略了#號(hào)，鏈路的目標(biāo)就是一個(gè)文件而不是一個(gè)錨。單擊這條鏈就會(huì)使瀏覽器試圖裝入名為anchorName(在本例中)的文件。因?yàn)檫@一文件不存在，瀏覽器將產(chǎn)生Notfound的錯(cuò)誤信息。
二、窗口方法
窗口是瀏覽器與用戶交互的界面。利用JavaScript中的窗口方法和屬性，可以創(chuàng)建可控制窗口。在這一部分里，將介紹一些窗口方法和屬性。
1.預(yù)定義窗口(對(duì)話框)
JavaScript提供三個(gè)方法來產(chǎn)生"簡(jiǎn)單"的窗口(或?qū)υ捒?:alert ()，confirm()和promp t()。盡管我們無法控制這些對(duì)話框的位置，按鈕或大小，但它們提供了初步的機(jī)制來提示用戶或接收輸入。以下討論各方法。
alert() alert()方法建立了一個(gè)獨(dú)立的消息窗口，語法形式如下: alert("message") 其中"message"是要在提示窗口中顯示的文本串。
confirm() confirm()方法用于進(jìn)行一個(gè)事件之前請(qǐng)求獲得用戶的認(rèn)可。它給用戶以停止某個(gè)事件出現(xiàn)的機(jī)會(huì)。該方法的語法形式如下: confirm("message") 其中message是一個(gè)文本串。
prompt() prompt()方法接收用戶的反饋，用戶可以從鍵盤鍵入信息，或者如果他們接收一個(gè)默認(rèn)值的話，可以用鼠標(biāo)選取。該方法的語法形式如下: prompt("message") 如果想要指定一個(gè)默認(rèn)值，可以用: prompt("message"，imputDefault)其中"message"是文本或數(shù)字。用戶可以鍵入任何信息。因此，一個(gè)變量雖然希望輸入一個(gè)數(shù)字進(jìn)行計(jì)算，也可能輸入給它的是文本。如果單擊了Cancel鍵和關(guān)閉鍵，pr ompt()返回空值。
2.定制窗口
上面的三種窗口雖然很簡(jiǎn)單，但它們有一個(gè)共同的缺點(diǎn)是不靈活， 即無法改變它們的大小和風(fēng)格。下面，我們來討論在JavaScript中如何定制窗口的問題。首先，我們應(yīng)知道如何創(chuàng)建一個(gè)窗口。
open() open()方法將創(chuàng)建一個(gè)新窗口。使用該方法創(chuàng)建窗口與選擇File 菜單項(xiàng)的New Web Bro wser的效果是相似的。該方法的語法形式如下 : windowVar=window.open("URL"，"windowName") 或者也可以定義一個(gè)窗口的屬性: windowVar=window.open("URL"，"windowName"，"windowAttribut er")其中WindowName是要?jiǎng)?chuàng)建的窗口的名字。URL是一個(gè)文本串，指定當(dāng)前新窗口創(chuàng)建時(shí)要調(diào)用的URL。如果沒有指定URL(使用空字符串"") ，那么窗口是空的。 windowName代表該窗口的名字。 windowFeatures是可以賦給窗口的可選屬性，比如一個(gè)工具條，位置，目錄，狀態(tài)條，菜單條，滾動(dòng)條，大小可變的能力，寬度和高度(見附表)。設(shè)定它們時(shí)以逗號(hào)為分隔符，并在最外加上雙引號(hào)。
窗口屬性 這些屬性的使用形式如下: feeture=value 其中feature是所要選擇的屬性，value(除了width和height兩種屬性外)或是yes(或1)以激活該屬性，或是no(或0)以消除它。 width和height的語法形式如下: feature=pixels 其中pixels是任何正整數(shù)(或正整數(shù)變量)，確定新窗口的大小(以像素為單位)。
close() 使用close()方法，它的語法形式如下: windowReference.close() 可以使用以下任何一個(gè)函數(shù)關(guān)閉當(dāng)前窗口:window.close()、self.close()、close()。我們可以通過引用一個(gè)窗口的windowVar(該值是調(diào)用open()方法時(shí)產(chǎn)生的)，來關(guān)閉一個(gè)獨(dú)立的窗口。比如:某個(gè)窗口創(chuàng)建時(shí)所用的命令是: WindowB=open("，"，"anotherwindow"，"windth=80，height=40); 我們可以在任何其它窗口中關(guān)閉它，使用命令: windowB.close() 關(guān)閉最頂層的窗口可以利用以下方法 top.close() 當(dāng)然，如果要關(guān)閉當(dāng)前窗口，我們可以使用任何自行關(guān)閉命令。
javascript為我們提供了一些非常有用的常用內(nèi)部對(duì)象和方法。用戶不需要用腳本來實(shí)現(xiàn)這些功能。這正是基于對(duì)象編程的真正目的。
在javascript提供了string（字符串）、math（數(shù)值計(jì)算）和Date（日期）三種對(duì)象和其它一些相關(guān)的方法。從而為編程人員快速開發(fā)強(qiáng)大的腳本程序提供了非常有利的條件。
1、常用內(nèi)部對(duì)象
在javascript中對(duì)于對(duì)象屬性與方法的引用，有兩種情況：其一是說該對(duì)象是靜態(tài)對(duì)象，即在引用該對(duì)象的屬性或方法時(shí)不需要為它創(chuàng)建實(shí)例；而另一種對(duì)象則在引用它的對(duì)象或方法是必須為它創(chuàng)建一個(gè)實(shí)例，即該對(duì)象是動(dòng)態(tài)對(duì)象。
對(duì)javascript內(nèi)部對(duì)象的引用，以是緊緊圍繞著它的屬性與方法進(jìn)行的。因而明確對(duì)象的靜動(dòng)性對(duì)于掌握和理解javascript內(nèi)部對(duì)象是具有非常重要的意義。
�。�)、串對(duì)象
o string對(duì)象：內(nèi)部靜態(tài)性。
o 訪問properties和methods時(shí)，可使用（.）運(yùn)算符實(shí)現(xiàn)。
o 基本使用格式：objectName.prop/methods
�。ǎ保┐畬�(duì)象的屬性
該對(duì)象只有一個(gè)屬性，即length。它表明了字符串中的字符個(gè)數(shù)，包括所有符號(hào)。
例：
mytest="This is a javascript"
mystringlength=mytest.length
最后mystringlength返回mytest字串的長(zhǎng)度為20。
�。ǎ玻┐畬�(duì)象的方法
string對(duì)象的方法共有１９個(gè)。主要用于有關(guān)字符串在Web頁面中的顯示、字體大小、字體顏色、字符的搜索以及字符的大小寫轉(zhuǎn)換。
其主要方法如下：
o 錨點(diǎn)anchor()：該方法創(chuàng)建如用Html文檔中一樣的anchor標(biāo)記。使用anchor如用Html中(A Name="")一樣。通過下列格式訪問:string.anchor(anchorName)。
o 有關(guān)字符顯示的控制方法
big字體顯示, Italics()斜體字顯示，bold()粗體字顯示，blink()字符閃爍顯示，small（）字符用小體字顯示，fixed()固定高亮字顯示、fontsize(size)控制字體大小等。
o 字體顏色方法；fontcolor(color)
o 字符串大小寫轉(zhuǎn)換
toLowerCase()－小寫轉(zhuǎn)換，toUpperCase()大寫轉(zhuǎn)換。下列把一個(gè)給定的串分別轉(zhuǎn)換成大寫和小寫格式:
string=stringValue.toUpperCase和string=stringValue.toLowerCase。
o 字符搜索：indexOf[charactor,fromIndex]
從指定formIndtx位置開始搜索charactor第一次出現(xiàn)的位置。
返回字串的一部分字串：substring(start,end)
從start開始到end的字符全部返回。
�。�)、算術(shù)函數(shù)的math對(duì)象
功能：提供除加、減、乘、除以外的一引些自述運(yùn)算。如對(duì)數(shù)，平方根等 。
靜動(dòng)性：靜態(tài)對(duì)象
�。ǎ保┲饕獙傩�
math中提供了６個(gè)屬性，它們是數(shù)學(xué)中經(jīng)常用到的常數(shù)Ｅ、以１０為底的自然對(duì)數(shù)ＬＮ１０、以２為底的自然對(duì)數(shù)LN2、3.14159的PI、1/2的平方根SQRT1-2,2的平方根為SQRT2。
�。ǎ玻┲饕椒�
絕對(duì)值：abs()
正弦余弦值：sin(),cos()
反正弦反余弦 :asin(), acos()
正切反正切：tan(),atan()
四舍五入：round()
平方根：sqrt()
基于幾方次的值：Pow(base,exponent)
...
�。�)、日期及時(shí)間對(duì)象
功能：提供一個(gè)有關(guān)日期和時(shí)間的對(duì)象。
靜動(dòng)性：動(dòng)態(tài)性，即必須使用New運(yùn)算符創(chuàng)建一個(gè)實(shí)例。例:
MyDate=New Date()
Date對(duì)象沒有提供直接訪問的屬性。只具有獲取和設(shè)置日期和時(shí)間的方法。
日期起始值:１７７０年１月１日００:００:００。
1. 獲取日期的時(shí)間方法
getYear(): 返回年數(shù)
getMonth():返回當(dāng)月號(hào)數(shù)
getDate(): 返回當(dāng)日號(hào)數(shù)
getDay():返回星期幾
getHours():返回小時(shí)數(shù)
getMintes(:返回分鐘數(shù)
getSeconds():返回秒數(shù)
getTime() : 返回毫秒數(shù)
�。ǎ玻┰O(shè)置日期和時(shí)間：
setYear();設(shè)置年
setDate():設(shè)置當(dāng)月號(hào)數(shù)
setMonth():設(shè)置當(dāng)月份數(shù)
setHours():設(shè)置小時(shí)數(shù)
setMintes():設(shè)置分鐘數(shù)
setSeconds():設(shè)置秒數(shù)
setTime ():設(shè)置毫秒數(shù)
...
2、javascript中的系統(tǒng)函數(shù)
javascript中的系統(tǒng)函數(shù)又稱內(nèi)部方法。它提供了與任何對(duì)象無關(guān)的系統(tǒng)函數(shù)，使用這些函數(shù)不需創(chuàng)建任何實(shí)例,可直接用。
1．返回字符串表達(dá)式中的值：
方法名：eval（字串表達(dá)式），例：
test=eval("8+9+5/2");
2. 返回字符串ASCI碼：
方法名：unEscape (string)
3．返回字符的編碼：
方法名：escape(character)
4．返回實(shí)數(shù)：
parseFloat(floustring);
5．返回不同進(jìn)制的數(shù)：
parseInt(numbestring ,rad.X)
其中radix是數(shù)的進(jìn)制，numbs字符串?dāng)?shù)
【JavaScript常用對(duì)象的方法和屬性小結(jié)講解】相關(guān)文章：
關(guān)于javascript對(duì)象之內(nèi)置和對(duì)象Math的使用方法10-08
Javascript中arguments對(duì)象的詳解和使用方法08-20
使用ajax操作JavaScript對(duì)象的方法09-28
JavaScript的課堂講解09-03
JavaScript常用方法匯總10-25
javascript面向?qū)ο笾械膶?duì)象怎么理解09-02