一、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