1.獲取物件

• document.getElementById('id')

• document.getElementsByClassName(''class");

• document.getElementsByTagName("li")

2.事件

滑鼠事件:

• onclick 點（單）擊

• ondbclick 雙擊
  

• onmouseover 滑鼠放上

• onmouseout 滑鼠離開

• onmousedown 滑鼠按下

• onmouseup 滑鼠抬起

• onmousemove 滑鼠移動

表單事件:

• onfocus 獲取焦點

• onblur 失去焦點

• onsubmit 提交表單

• onchange 當發生改變的時候

• onreset 重置表單

鍵盤事件:

• onkeydown 鍵盤按下

• onkeyup 鍵盤抬起

• onkeypress鍵盤按鍵一次

• event.clientX 點選時的x座標

• event.clientY 點選時的Y座標

• event.target 事件源

3.內建函式:

1.常規函式

• alert();警告框

• confirm();確認框

• prompt()：顯示一個輸入對話方塊，提示等待使用者輸入。
  

• escape();將字元轉換成Unicode碼

• eval函式：計算表示式的結果。

• isNaN函式：測試是(true)否(false)不是一個數字。

• parseFloat函式：將字串轉換成符點數字形式。

• parseInt函式：將符串轉換成整數數字形式(可指定幾進位制)。

2.陣列函式:

• join函式：轉換並連線陣列中的所有元素為一個字串。

• langth：返回陣列的長度。

• reverse函式：將陣列元素順序顛倒。

• sort函式：對字元素組或數字陣列進行排序。

3.日期函式:

• getDate函式：返回日期的“日”部分，值為1～31

• getDay函式：返回星期幾，值為0～6，其中0表示星期日，1表示星期一，...，6表示星期六

• getHours函式：返回日期的“小時”部分，值為0～23。

• getMinutes函式：返回日期的“分鐘”部分，值為0～59。見上例。

• getMonth函式：返回日期的“月”部分，值為0～11。其中0表示1月，2表示3月，...，11表示12月。見前面的例子。

• getSeconds函式：返回日期的“秒”部分，值為0～59。見前面的例子。

• getTime函式：返回系統時間。

• getTimezoneOffset函式：返回此地區的時差(當地時間與GMT格林威治標準時間的地區時差)，單位為分鐘。

• getYear函式：返回日期的“年”部分。返回值以1900年為基數，例如1999年為99。

• parse函式：返回從1970年1月1日零時整算起的毫秒數(當地時間)。

• setDate函式：設定日期的“日”部分，值為0～31。

• setHours函式：設定日期的“小時”部分，值為0～23。

• setMinutes函式：設定日期的“分鐘”部分，值為0～59。

• setMonth函式：設定日期的“月”部分，值為0～11。其中0表示1月，...，11表示12月。

• setSeconds函式：設定日期的“秒”部分，值為0～59。

• setTime函式：設定時間。時間數值為1970年1月1日零時整算起的毫秒數。

• setYear函式：設定日期的“年”部分。

• toGMTString函式：轉換日期成為字串，為GMT格林威治標準時間。

• setLocaleString函式：轉換日期成為字串，為當地時間。

4.數學函式:

• abs函式：即Math.abs(以下同)，返回一個數字的絕對值。

• acos函式：返回一個數字的反餘弦值，結果為0～π弧度(radians)。

• asin函式：返回一個數字的反正弦值，結果為-π/2～π/2弧度。

• atan函式：返回一個數字的反正切值，結果為-π/2～π/2弧度。

• atan2函式：返回一個座標的極座標角度值。

• ceil函式：返回一個數字的最小整數值(大於或等於)。

• cos函式：返回一個數字的餘弦值，結果為-1～1。

• exp函式：返回e(自然對數)的乘方值。

• floor函式：返回一個數字的最大整數值(小於或等於)。

• log函式：自然對數函式，返回一個數字的自然對數(e)值。

• max函式：返回兩個數的最大值。

• min函式：返回兩個數的最小值。

• pow函式：返回一個數字的乘方值。

• random函式：返回一個0～1的隨機數值。

• round函式：返回一個數字的四捨五入值，型別是整數。

• sin函式：返回一個數字的正弦值，結果為-1～1。

• sqrt函式：返回一個數字的平方根值。

• tan函式：返回一個數字的正切值。

5.字串函式:

• anchor函式：產生一個連結點(anchor)以作超級連結用。anchor函式設定<A NAME...>的連結點的名稱，另一個函式link設定<A HREF=...>的URL地址。

• big函式：將字型加到一號，與<BIG>...</BIG>標籤結果相同。

• blink函式：使字串閃爍，與<BLINK>...</BLINK>標籤結果相同。

• bold函式：使字型加粗，與<B>...</B>標籤結果相同。

• charAt函式：返回字串中指定的某個字元。

• fixed函式：將字型設定為固定寬度字型，與<TT>...</TT>標籤結果相同。

• fontcolor函式：設定字型顏色，與<FONT COLOR=color>標籤結果相同。

• fontsize函式：設定字型大小，與<FONT SIZE=n>標籤結果相同。

• indexOf函式：返回字串中第一個查詢到的下標index，從左邊開始查詢。

• italics函式：使字型成為斜體字，與<I>...</I>標籤結果相同。

• lastIndexOf函式：返回字串中第一個查詢到的下標index，從右邊開始查詢。

• length函式：返回字串的長度。(不用帶括號)

• link函式：產生一個超級連結，相當於設定<A HREF=...>的URL地址。

• small函式：將字型減小一號，與<SMALL>...</SMALL>標籤結果相同。

• strike函式：在文字的中間加一條橫線，與<STRIKE>...</STRIKE>標籤結果相同。

• sub函式：顯示字串為下標字(subscript)。

• substring函式：返回字串中指定的幾個字元。

• sup函式：顯示字串為上標字(superscript)。

• toLowerCase函式：將字串轉換為小寫。

• toUpperCase函式：將字串轉換為大寫。

4.資料型別:

• 字串string

• 數值 number

• 布林值boolean

• 陣列 array

• 物件 object

5.DOM(document object model)

• 其中object分為三種型別:

• 使用者定義物件(user-defined object):由程式設計師自行建立的物件

• 內建物件(native object):內建再javascript語言裡的物件,如array/math/date

• 宿主物件(host object):由瀏覽器提供的物件

6.判斷一個資料是否為空

• if(something!=null)// 這種比較麻煩

• if(something) //簡單明瞭

• setAttribute()/getAttribute()方法 用於修改/顯示元素節點的title屬性

• childNodes獲取元素的所有子元素(陣列)

• nodeType屬性 返回數字,元素節點返回1 屬性節點返回2 文字節點返回3

1.獲取物件

• document.getElementById('id')

• document.getElementsByClassName(''class");

• document.getElementsByTagName("li")

2.事件

滑鼠事件:

• onclick 點（單）擊

• ondbclick 雙擊
  

• onmouseover 滑鼠放上

• onmouseout 滑鼠離開

• onmousedown 滑鼠按下

• onmouseup 滑鼠抬起

• onmousemove 滑鼠移動

表單事件:

• onfocus 獲取焦點

• onblur 失去焦點

• onsubmit 提交表單

• onchange 當發生改變的時候

• onreset 重置表單

鍵盤事件:

• onkeydown 鍵盤按下

• onkeyup 鍵盤抬起

• onkeypress鍵盤按鍵一次

• event.clientX 點選時的x座標

• event.clientY 點選時的Y座標

• event.target 事件源

3.內建函式:

1.常規函式

• alert();警告框

• confirm();確認框

• prompt()：顯示一個輸入對話方塊，提示等待使用者輸入。
  

• escape();將字元轉換成Unicode碼

• eval函式：計算表示式的結果。

• isNaN函式：測試是(true)否(false)不是一個數字。

• parseFloat函式：將字串轉換成符點數字形式。

• parseInt函式：將符串轉換成整數數字形式(可指定幾進位制)。

2.陣列函式:

• join函式：轉換並連線陣列中的所有元素為一個字串。

• langth：返回陣列的長度。

• reverse函式：將陣列元素順序顛倒。

• sort函式：對字元素組或數字陣列進行排序。

3.日期函式:

• getDate函式：返回日期的“日”部分，值為1～31

• getDay函式：返回星期幾，值為0～6，其中0表示星期日，1表示星期一，...，6表示星期六

• getHours函式：返回日期的“小時”部分，值為0～23。

• getMinutes函式：返回日期的“分鐘”部分，值為0～59。見上例。

• getMonth函式：返回日期的“月”部分，值為0～11。其中0表示1月，2表示3月，...，11表示12月。見前面的例子。

• getSeconds函式：返回日期的“秒”部分，值為0～59。見前面的例子。

• getTime函式：返回系統時間。

• getTimezoneOffset函式：返回此地區的時差(當地時間與GMT格林威治標準時間的地區時差)，單位為分鐘。

• getYear函式：返回日期的“年”部分。返回值以1900年為基數，例如1999年為99。

• parse函式：返回從1970年1月1日零時整算起的毫秒數(當地時間)。

• setDate函式：設定日期的“日”部分，值為0～31。

• setHours函式：設定日期的“小時”部分，值為0～23。

• setMinutes函式：設定日期的“分鐘”部分，值為0～59。

• setMonth函式：設定日期的“月”部分，值為0～11。其中0表示1月，...，11表示12月。

• setSeconds函式：設定日期的“秒”部分，值為0～59。

• setTime函式：設定時間。時間數值為1970年1月1日零時整算起的毫秒數。

• setYear函式：設定日期的“年”部分。

• toGMTString函式：轉換日期成為字串，為GMT格林威治標準時間。

• setLocaleString函式：轉換日期成為字串，為當地時間。

4.數學函式:

• abs函式：即Math.abs(以下同)，返回一個數字的絕對值。

• acos函式：返回一個數字的反餘弦值，結果為0～π弧度(radians)。

• asin函式：返回一個數字的反正弦值，結果為-π/2～π/2弧度。

• atan函式：返回一個數字的反正切值，結果為-π/2～π/2弧度。

• atan2函式：返回一個座標的極座標角度值。

• ceil函式：返回一個數字的最小整數值(大於或等於)。

• cos函式：返回一個數字的餘弦值，結果為-1～1。

• exp函式：返回e(自然對數)的乘方值。

• floor函式：返回一個數字的最大整數值(小於或等於)。

• log函式：自然對數函式，返回一個數字的自然對數(e)值。

• max函式：返回兩個數的最大值。

• min函式：返回兩個數的最小值。

• pow函式：返回一個數字的乘方值。

• random函式：返回一個0～1的隨機數值。

• round函式：返回一個數字的四捨五入值，型別是整數。

• sin函式：返回一個數字的正弦值，結果為-1～1。

• sqrt函式：返回一個數字的平方根值。

• tan函式：返回一個數字的正切值。

5.字串函式:

• anchor函式：產生一個連結點(anchor)以作超級連結用。anchor函式設定<A NAME...>的連結點的名稱，另一個函式link設定<A HREF=...>的URL地址。

• big函式：將字型加到一號，與<BIG>...</BIG>標籤結果相同。

• blink函式：使字串閃爍，與<BLINK>...</BLINK>標籤結果相同。

• bold函式：使字型加粗，與<B>...</B>標籤結果相同。

• charAt函式：返回字串中指定的某個字元。

• fixed函式：將字型設定為固定寬度字型，與<TT>...</TT>標籤結果相同。

• fontcolor函式：設定字型顏色，與<FONT COLOR=color>標籤結果相同。

• fontsize函式：設定字型大小，與<FONT SIZE=n>標籤結果相同。

• indexOf函式：返回字串中第一個查詢到的下標index，從左邊開始查詢。

• italics函式：使字型成為斜體字，與<I>...</I>標籤結果相同。

• lastIndexOf函式：返回字串中第一個查詢到的下標index，從右邊開始查詢。

• length函式：返回字串的長度。(不用帶括號)

• link函式：產生一個超級連結，相當於設定<A HREF=...>的URL地址。

• small函式：將字型減小一號，與<SMALL>...</SMALL>標籤結果相同。

• strike函式：在文字的中間加一條橫線，與<STRIKE>...</STRIKE>標籤結果相同。

• sub函式：顯示字串為下標字(subscript)。

• substring函式：返回字串中指定的幾個字元。

• sup函式：顯示字串為上標字(superscript)。

• toLowerCase函式：將字串轉換為小寫。

• toUpperCase函式：將字串轉換為大寫。

4.資料型別:

• 字串string

• 數值 number

• 布林值boolean

• 陣列 array

• 物件 object

5.DOM(document object model)

• 其中object分為三種型別:

• 使用者定義物件(user-defined object):由程式設計師自行建立的物件

• 內建物件(native object):內建再javascript語言裡的物件,如array/math/date

• 宿主物件(host object):由瀏覽器提供的物件

6.判斷一個資料是否為空

• if(something!=null)// 這種比較麻煩

• if(something) //簡單明瞭

• setAttribute()/getAttribute()方法 用於修改/顯示元素節點的title屬性

• childNodes獲取元素的所有子元素(陣列)

• nodeType屬性 返回數字,元素節點返回1 屬性節點返回2 文字節點返回3