一、JavaScript 語法

1. 語法

• 語句：以分號結尾
• 註釋：// 單行註釋，/**/ 多行註釋
• 變數：var 宣告變數
• 資料型別：數值、字串、布林值
• 陣列
• 物件
• 算術操作符

2. 條件語句

• 比較操作符
• 邏輯操作符

3. 迴圈語句

• while 迴圈
• for 迴圈

4. 函式

• 變數的作用域

5. 物件

• JavaScript 內建物件
• 瀏覽器宿主物件

二、DOM

1. 節點

• 元素節點
• 屬性節點
• 文字節點

2. 獲取元素

• getElementById
• getElementByClassName
• getElementByTagName

3. 獲取和設定屬性

• getAttribute
• setAttribute

4. DOM 屬性

• parentNode
• childNodes
• nodeType
• nodeValue
• firstChild
• lastChild
• nextSibling

5. HTML-DOM 和 CSS-DOM

• HTML-DOM
• CSS-DOM

三、建立標記

1. 傳統方法

• document.write
• innerHTML

2. DOM 方法

• createELement
• appendChild
• createTextNode
• insertBefore

3. Ajax

• XMLHTTPRequest 物件

四、HTML 5

• Canvas
• 音訊和視訊
• 表單

五、jQuery

• 元素選擇器
• 操作 DOM 元素
• 操作事件
• jQuery 與 Ajax

附錄

1. DOM 方法 - 建立節點

• createElement( )
• createTextNode( )

2. DOM 方法 - 複製節點

• cloneNode( )

3. DOM 方法 - 插入節點

• appendChild( )
• insertBefore( )

4. DOM 方法 - 刪除節點

• removeChild( )

5. DOM 方法 - 替換節點

• replaceChild( )

6. DOM 方法 - 獲取和設定節點屬性

• getAttribute( )
• setAttribute( )

7. DOM 方法 - 查詢節點

• getElementById( )
• getElementByClassName( )
• getElementByTagName( )
• hasChildNodes

8. DOM 屬性 - 節點的屬性

• nodeName
• nodeType
• nodeValue

8. DOM 屬性 - 遍歷節點樹

• childNodes
• firstChild
• lastChild
• nextSibling
• parentNode
• previousSibling