當前位置:才華齋>設計>網頁設計>

JavaScript常用物件的方法和屬性小結講解

網頁設計 閱讀(1.28W)

本文將簡單介紹JavaScript中一些常用物件的屬性和方法,以及幾個有用的系統函式。

JavaScript常用物件的方法和屬性小結講解

一、串方法

JavaScript有強大的串處理功能,有了這些串方法,才能編寫出豐富多彩的網頁。在這一部分裡,我們將介紹到如何使用與串物件有關的方法和屬性。

1.串物件的length屬性

串物件僅有一個屬性length,這個屬性值表示這個串所包括字元的相對數目。語法為: th

2.串物件的方法

JavaScript提供了多個串方法以幫助控制顯示資訊。串方法可以分為幾個大類,如屬性方法、導航方法等等。下面我們將分類介紹。

(1)屬性方法 串的屬性方法指定了普通文字顯示在螢幕上的方式。它提供了一種理想的方式使主頁變得更有吸引力。

blink() blink()方法引起文字閃爍,語法形式如下: k();

bold() bold()方法使串變為粗體。語法形式如下: ();

fontcolor() fontcolor()方法可以改變單個串的顏色,或者在每次重新裝入頁面或事件發生時,改變顏色。同樣,這個方法也有一個相對應的HTML標識-- fontcolor()的語法是 color(color); 在這裡,color是一種顏色的合法表示。

italics() italics()方法把串變為斜體,以同其餘文字區分開來,italics() 的語法如下: ics();

(2)大小寫方法 JavaScript嚴格區分字母的大小寫。為了方便地比較兩個串,就要把它們都轉化為大寫或小寫。串物件的大小寫方法就支援在大小寫之間轉換。

toLowerCase() tolowerCase()方法把一個給定的串中每個字元轉變成小寫狀態。語法形式如下: string=werCase();

toUpperCase() 與tolowerCase()方法相反是toUpperCase()方法,它把一個給定串轉變成大寫字串。 string=perCase();

(3)操作方法 操作方法提供了許多種在一個文字串內查詢字串的方法,其中包括charAt()、indexO f()、LastIndexOf()和substring()四種方法。我們可以使用這些方法格式化和操作使用者輸入的串變數,其中charAt()和 substring()兩種方法從一個串中抽取一個或多個字元,剩下的兩個方法返回待查詢值的第一個字元在串中出現位置的數字值。

charAt() charAt()方法從一個給定串中返回指定位置的字元。它的使用方法如下: At(index); 其中index是一個在0和小於串長度之間的一個數(串長度可以通過Length屬性得到),

substring() substring()方法從一個大串中返回它的一個子串。它的語法形式如下: tring(indexA,indexB) indexA和indexB兩者都是在0和串長度之間的數字值。它們是串的兩個下標。

indexOf() indexOf()方法返回在一個長串中與指定的串匹配的子串的位置。它從左到右地查詢給定的串,語法形式如下: xOf(searchValue,[fromIndex]); 其中string是indexOf()要在其中查詢searchValue的串,而searc hValue是任何想要查詢的字元或子串。 fromIndex是一個可選項,它指定查詢開始的位置。fromIndex的範圍與charAt()和Subs tring()相似(0到length-1)。它不能大於或等於length,如果沒有指定fromIndex,該方法認為其預設地?並查詢整個串。 indexOf()的返回值是searchValue首次出現的第一個字元的偏移量(從串的開頭算起)。即使指定了fromIndex,該返回值仍是相對於串的開頭的(有可能在前面一些的地方出現的se archValue將被忽略)。

lastIndexOf() lastIndexOf()方法與IndexOf()方法類似,只是它從右到左地查詢串。lastIndexOf()仍舊給出被查詢串的首字元位置,而不是末尾字元的位置。 lastIndexOf()方法的語法形式如下: indexOf(searchValue); searchValue仍是想要查詢的串。

(4)導航方法 使用超文字時會接觸到錨(anchor)和鏈路的概念。錨就如同在網頁中放置的書標(你可以很方便地回到那兒);鏈路是對另一頁面(或相同及不同頁面的錨)的指引

anchor() anchor()方法用來設定一個錨,它的語法形式很簡單: or(anchorName); 考察下面的例子: var indexString="Index"; eln(or("anchorName")); 這條語句在螢幕上列印文字Index;anchorName是這個錨真正的名字。像這樣的錨一般被鏈路用來跳轉到頁面中錨的實際位置。

link() link()的功能是跳轉到指定的目標。它相當於標準HTML引用(由HREF屬性指定的超文字引用)。它的語法形式也非常簡單: (href) linkText是螢幕上的文字,href屬性不一定是一個錨,它也可以是一個合法的URL引用。下面的例子說明如何用link()來建立直接跳轉到前面建立的錨的鏈路; var indexStirng="Index" eln(("#"+"anchorName")+"") 這條語句在螢幕上列印鏈路格式的文字Index(通常在下面加下劃線);anchorName是錨的實際的名字。當單擊這條鏈路時,這個錨將出現在瀏覽器使用者視窗的頂部。請注意:要保證在同一文件內部的錨的引用中加上#號。在加#號的時候,要將它用雙引號括起來並用加號與完整的引用連起來。可以參見前面的例子。如果省略了#號,鏈路的目標就是一個檔案而不是一個錨。單擊這條鏈就會使瀏覽器試圖裝入名為anchorName(在本例中)的檔案。因為這一檔案不存在,瀏覽器將產生Notfound的錯誤資訊。

二、視窗方法

視窗是瀏覽器與使用者互動的介面。利用JavaScript中的視窗方法和屬性,可以建立可控制視窗。在這一部分裡,將介紹一些視窗方法和屬性。

1.預定義視窗(對話方塊)

JavaScript提供三個方法來產生"簡單"的視窗(或對話方塊):alert (),confirm()和promp t()。儘管我們無法控制這些對話方塊的位置,按鈕或大小,但它們提供了初步的機制來提示使用者或接收輸入。以下討論各方法。

alert() alert()方法建立了一個獨立的訊息視窗,語法形式如下: alert("message") 其中"message"是要在提示視窗中顯示的文字串。

confirm() confirm()方法用於進行一個事件之前請求獲得使用者的認可。它給使用者以停止某個事件出現的機會。該方法的語法形式如下: confirm("message") 其中message是一個文字串。

prompt() prompt()方法接收使用者的反饋,使用者可以從鍵盤鍵入資訊,或者如果他們接收一個預設值的話,可以用滑鼠選取。該方法的語法形式如下: prompt("message") 如果想要指定一個預設值,可以用: prompt("message",imputDefault)其中"message"是文字或數字。使用者可以鍵入任何資訊。因此,一個變數雖然希望輸入一個數字進行計算,也可能輸入給它的是文字。如果單擊了Cancel鍵和關閉鍵,pr ompt()返回空值。

2.定製視窗

上面的三種視窗雖然很簡單,但它們有一個共同的缺點是不靈活, 即無法改變它們的大小和風格。下面,我們來討論在JavaScript中如何定製視窗的問題。首先,我們應知道如何建立一個視窗。

open() open()方法將建立一個新視窗。使用該方法建立視窗與選擇File 選單項的New Web Bro wser的效果是相似的。該方法的語法形式如下 : windowVar=("URL","windowName") 或者也可以定義一個視窗的屬性: windowVar=("URL","windowName","windowAttribut er")其中WindowName是要建立的視窗的名字。URL是一個文字串,指定當前新視窗建立時要呼叫的URL。如果沒有指定URL(使用空字串"") ,那麼視窗是空的。 windowName代表該視窗的名字。 windowFeatures是可以賦給視窗的可選屬性,比如一個工具條,位置,目錄,狀態條,選單條,滾動條,大小可變的能力,寬度和高度(見附表)。設定它們時以逗號為分隔符,並在最外加上雙引號。

視窗屬性 這些屬性的使用形式如下: feeture=value 其中feature是所要選擇的屬性,value(除了width和height兩種屬性外)或是yes(或1)以啟用該屬性,或是no(或0)以消除它。 width和height的語法形式如下: feature=pixels 其中pixels是任何正整數(或正整數變數),確定新視窗的大小(以畫素為單位)。

close() 使用close()方法,它的語法形式如下: e() 可以使用以下任何一個函式關閉當前視窗:e()、e()、close()。我們可以通過引用一個視窗的windowVar(該值是呼叫open()方法時產生的),來關閉一個獨立的視窗。比如:某個視窗建立時所用的命令是: WindowB=open(",","anotherwindow","windth=80,height=40); 我們可以在任何其它視窗中關閉它,使用命令: e() 關閉最頂層的視窗可以利用以下方法 e() 當然,如果要關閉當前視窗,我們可以使用任何自行關閉命令。

javascript為我們提供了一些非常有用的常用內部物件和方法。使用者不需要用指令碼來實現這些功能。這正是基於物件程式設計的真正目的。

在javascript提供了string(字串)、math(數值計算)和Date(日期)三種物件和其它一些相關的.方法。從而為程式設計人員快速開發強大的指令碼程式提供了非常有利的條件。

1、常用內部物件

在javascript中對於物件屬性與方法的引用,有兩種情況:其一是說該物件是靜態物件,即在引用該物件的屬性或方法時不需要為它建立例項;而另一種物件則在引用它的物件或方法是必須為它建立一個例項,即該物件是動態物件。

對javascript內部物件的引用,以是緊緊圍繞著它的屬性與方法進行的。因而明確物件的靜動性對於掌握和理解javascript內部物件是具有非常重要的意義。

1)、串物件

o string物件:內部靜態性。

o 訪問properties和methods時,可使用(.)運算子實現。

o 基本使用格式:

(1)串物件的屬性

該物件只有一個屬性,即length。它表明了字串中的字元個數,包括所有符號。

例:

mytest="This is a javascript"

mystringlength=th

最後mystringlength返回mytest字串的長度為20。

(2)串物件的方法

string物件的方法共有19個。主要用於有關字串在Web頁面中的顯示、字型大小、字型顏色、字元的搜尋以及字元的大小寫轉換。

其主要方法如下:

o 錨點anchor():該方法建立如用Html文件中一樣的anchor標記。使用anchor如用Html中(A Name="")一樣。通過下列格式訪問:or(anchorName)。

o 有關字元顯示的控制方法

big字型顯示, Italics()斜體字顯示,bold()粗體字顯示,blink()字元閃爍顯示,small()字元用小體字顯示,fixed()固定高亮字顯示、fontsize(size)控制字型大小等。

o 字型顏色方法;fontcolor(color)

o 字串大小寫轉換

toLowerCase()-小寫轉換,toUpperCase()大寫轉換。下列把一個給定的串分別轉換成大寫和小寫格式:

string=perCase和string=werCase。

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字串數