網頁

JavaScript屬性及方法速查表

由於ajax技術使得JavaScript在網頁製作上的份量不斷加重,但基礎的JavaScript確是相當重要的,如同html的地位一樣,沒有了html目前Internet上「網頁」部份就沒有立基點。

這裡我先花點時間將JavaScript的屬性及法方整理成表格,讓大家可以下載回去當個速查表。需要時可以快速查看或當成復習看看也不錯。

再學習JavaScript的過程中,常會被 IE / MF 搞得一個頭兩個大,所以如果你寫了一段Code,最好先在這兩個瀏覽器平台測試,如果沒有問題,大概全世界99.99%的其他瀏覽器都會正常執行。那如果不行的話,建議(只是建議),以MF為主,因為MF是以W3C為標準,但IE常會有自己的寫法及用途與W3C不相符合。但如果你是「西瓜依大邊」,我也不反對你寫以IE為主的JavaScript。但再建議(只是建議),再多寫一段測試瀏覽器平台的Code,如果不是你要的瀏覽器…接下來就是你的事了。

我就吃過這樣的虧,寫了一個完美Check Data Format的JavaScript Code,結果就是有使用者可以避開那段程式,我以為遇到高手了…但也太多了一點,查了又查,就是我沒檢查那段Code能否在MF執行?所以只要是使用MF瀏覽器的人就有福了…不是…就可以避開那段Code。

有時間,我再整理IE / MF 這方面的資料。

JavaScript屬性及方法速查表
(.pdf file)

(.odt file)


String物件

HTML標籤的格式編排

方法

說明

anchor()

傳回string標籤字串

big()

傳回string標籤字串

blink()

傳回string標籤字串(I.E不會閃)

bold()

傳回string標籤字串

fixed()

傳回string標籤字串

fontcolor(color)

傳回string標籤字串

fontsize(size)

傳回string標籤字串

italics()

傳回string標籤字串

link(url)

傳回string標籤字串

small()

傳回string標籤字串

strike()

傳回string標籤字串

sub()

傳回string標籤字串

sup()

傳回string標籤字串



字串長度與大小寫

屬性

說明

length

取得字串的長度

toLowerCase()

將字串的英文字母都轉換成小寫字母

toUpperCase()

將字串的英文字母都轉換成大寫字母



取得字串的指定字元

方法

說明

charAt(index)

取得參數index位置的字元,索引值是以0開始

charCodeAt(index)

取得參數index位置的Unicode統一字碼



子字串的搜尋

方法

說明

indexOf(string, index)

傳回第一次搜尋到字串的索引位置,如果沒有找到傳回-1,傳入的參數為搜尋的字串,index為開始搜尋的索引位置

lastIndexOf(string)

如同indexOf()方法,不過是從尾搜尋到頭的反向搜尋

match(string)

如果indexOf()lastIndexOf(),不過傳回的為找到的字串,如果沒有找到傳回null

search(string)

indexOf()的功能相似



子字串的處理

方法

說明

replace(string1, string2)

將找到的string1子字串取代成為string2

split(string)

傳回Array物件,使用參數string作為分割的字串,將字串轉換成一個Array物件

substr(index, length)

index開始取出length個字元

substring(index1, index2)

取出index1index2間的子字串

concat(string)

string字串新增到String()物件的字串後

Array物件

屬性

說明

length

取得陣列的元素個數,也就是陣列的尺寸



方法

說明

join()

將陣列的元素使用字串方式顯示,每個陣列元素使用「,」符號分隔

reverse()

將陣列的元素反轉,本來是陣列的最後一個元素成為第一個元素

sort()

將陣列所有元素進行排序

concat(array)

將參數的陣列合併到目前的陣列中

Date物件

取得日期和時間

方法

說明

getDate()

傳回日期值1~31

getDay()

傳回星期值0~6,也就是星期日到星期六

getMonth()

傳回月份值0~11,也就是一到十二月

getFullYear()

傳回完整的年份,例如:2008

getYear()

傳回年份,如果在1900~1999年間,傳回後兩碼,例如:1998年傳回98,否則傳回完整的年份

getHours()

傳回小時0~23

getMinutes()

傳回分鐘0~59

getSeconds()

傳回秒數0~59

getMilliseconds()

傳回千分之一秒為單位的秒數,0~999

getTime()

傳回自1/1/1970年開始的秒數,以千分之一秒為單位





設定日期和時間

這些設定的方法並不會修改電腦的時間和日期,只是設定Data物件記錄的時間和日期。

方法

說明

setDate()

設定Date物件的日期1~31

setMonth()

設定Date物件的月份0~11

setFullYear()

設定Date物件的完整年份

setYear()

設定Date物件的年份,在1900~1999間只需使用後兩位,否則需要使用完整的年份

set Hours()

設定Date物件的小時0~23

setMinutes()

設定Date物件的分鐘0~59

setSeconds()

設定Date物件的秒數0~59

setMilliseconds()

設定Date物件的秒數,以千分之一秒為單位,0~999

setTime()

設定Date物件的時間,自1/1/1970年開始,以千分之一秒為單位



日期和時間的轉換

方法

說明

getTimezoneOffset()

傳回本地時間和GMT的時間差,以分為單位

toGMTString()

傳回轉換成GMT時間的字串

toLocalString()

傳回將GMT轉換成本地時間的字串

parse(Date)

傳回參數Date物件從1/1/1970到本地時間的毫秒數,以千分之一秒為單位

UTC(Date)

傳回參數Date物件從1/1/1970GMT時間的毫秒數,以千分之一秒為單位

Math物件

Math物件屬性

屬性

說明

E

自然數e=2.718281828459045

LN2

ln2=0.6931471805599453

LN10

ln10=2.302585092994046

LOG2E

log2e=1.4426950408889633

LOG10E

loge=0.4342944819032518

PI

圓周率=3.141592653589793

SQRT1_2

根號1/2=0.7071067811865476

SQRT2

根號2=1.4142135623730951



Math亂數、最大值、最小值

方法

說明

max(value1,value2)

傳回兩個參數中的最大值

min(value1,value2)

傳回兩個參數中的最小值

random()

傳回亂數值

round(value)

將參數值四捨五入後傳回



Math數學方法

方法

說明

abs()

傳回絕對值

acos()

反餘弦函數

asin()

反正弦函數

atan()

反正切函數

ceil()

傳回大於或等於參數的最小整數

cos()

餘弦函數

exp()

自然數的指數ex

floor()

傳回大於或等於參數的最大整數

log()

自然對數

pow()

次方

sin()

正弦函數

sqrt()

傳回參數的平方根

tan()

正切函數

Error物件

Error屬性

屬性

說明

number

錯誤碼,這是一個32-bit的值,其中後16-bit才是真正的錯誤碼

message

錯誤說明的字串(firefox only this)

description

如同message屬性,這也是錯誤說明的字串




try{


// javascript需要錯誤處理的程式碼


}


catch(e){


//錯誤處理


// ex.. document.write(e.message);


}


finally{


//不論錯誤是否產生,都會執行此區塊


}

共用屬性及方法

共用屬性

屬性

說明

constructor

javascript物件的constructor屬性可以取得建立物件副本使用的建構函數名稱(GlobalMath都支援)




var test = new String();


if (test.constructor == String){


......


}


檢查物件的建構函數是否為String()



共用方法

方法

說明

toString()

傳回物件的內容,傳回值為字串

 

object.toString();



物件

toString()傳回字串

Array

將陣列元素轉換成「,」符號分隔的字串

Boolean

true傳回字串"true"false傳回字串"false"

Date

傳回日期和時間的字串

Error

傳回錯誤息訊的字串

Function

傳回字串格式"function name() {...}",其中name為呼叫toString方法的函數名稱

Number

傳回數字字串

String

傳回String物件的內容



方法

說明

valueOf()

傳回物件值(Math,Error不支援)

 

object.valueOf();



物件

傳回值

Array

將陣列元素轉換成以「,」符號分隔的字串,如同Array.toStringArray.join方法

Boolean

傳回布林值

Date

傳回前晚到現在的秒數,以千分之一秒為單位

Function

傳回函數的本身

Number

傳回數字

Object

傳回物件本身

String

傳回字串

沒有留言:

張貼留言

感謝您的留言,如果我的文章你喜歡或對你有幫助,按個「讚」或「分享」它,我會很高興的。