JavaScript入门经典思维导图模板_ProcessOn思维导图、流程图

第五部分使用JavaScript库

19 利用库简化工作

19.1 为什么要使用库

19.2 库能做什么

19.3 常见的库

19.3.1 Prototype框架

19.3.2 Dojo

19.3.3 Yahoo! UI

19.3.4 MooTools

19.3.5 jQuery

19.4 prototype.js介绍

19.4.1 $()函数

19.4.2 $F()函数

19.4.3 Form对象

19.4.4 Try.these()函数

19.4.5 用Ajax对象包装XMLHttpRequest

19.5 小结

19.6 问答

19.7 作业

19.7.1 测验

19.7.2 答案

19.8 练习

20 jQuery入门

20.1 在页面里引用jQuery

20.1.1 下载jQuery

20.1.2 使用远程方式

20.2 jQuery的$(document).ready处理器

20.3 选择页面元素

20.4 操作HTML内容

20.4.1 html()

20.4.2 text()

20.4.3 attr()

20.5 显示和隐藏元素

20.5.1 show()

20.5.2 hide()

20.5.3 toggle()

20.6 元素动画

20.6.1 淡入淡出

20.6.2 滑动

20.6.3 动画

20.7 命令链

20.8 处理事件

20.9 使用jQuery实现Ajax

20.9.1 load()

20.9.2 get()和post()

20.9.3 ajax()

20.10 小结

20.11 问答

20.12 作业

20.12.1 测验

20.12.2 答案

20.13 练习

21 jQuery UI（用户界面）库

21.1 jQuery UI是什么？

21.2 如何在页面里引用jQuery UI

使用ThemeRoller

21.3 交互

21.3.1 拖和放

21.3.2 调整大小

21.3.3 排序

21.4 使用微件

21.4.1 可折叠控件

21.4.2 日期拾取器

21.4.3 选项卡

21.5 小结

21.6 问答

21.7 作业

21.7.1 测验

21.7.2 答案

21.8 练习

第六部分 JavaScript与其他Web技术的配合

22 JavaScript与多媒体

22.1 多媒体格式

22.1.1 音频格式

22.1.2 视频格式

22.1.3 浏览器插件

22.2 使用锚点标签

22.3 使用embed和object

22.3.1 使用embed

22.3.2 使用object

22.3.3 JavaScript和插件

22.3.4 插件功能检测

22.4 Flash

22.5 小结

22.6 问与答

22.7 作业

22.7.1 测验

22.7.2 答案

22.8 练习

23 HTML5与JavaScript

23.1 HTML5的新标签

23.2 一些重要的新元素

23.2.1 使用video回放视频

23.2.2 利用canPlayType()测试可用的格式

23.2.3 控制回放

23.2.4 用audio标签播放声音

23.3.5 利用canvas在页面上绘图

23.4 拖放

23.5 本地存储

23.6 操作本地文件

查看浏览器的支持情况

23.7 小结

23.8 问答

23.9 作业

23.9.1 测验

23.9.2 答案

23.10 练习

24 Web页面之外的JavaScript

24.1 浏览器之外的JavaScript

24.2 编写Google Chrome扩展

24.2.1 建立简单的扩展程序

24.2.2 调试扩展程序

24.2.3 下一步

24.3 小结

24.4 问答

24.5 作业

24.5.1 测验

24.5.2 答案

24.6 练习

第七部分附录

附录A JavaScript开发工具

A.1 编辑器

A.1.1 Notepad++

A.1.2 jEdit

A.1.3 SciTE

A.1.4 Geany

A.2 验证程序

A.2.1 W3C验证服务

A.2.2 Web设计组（WDG）

A.3 调试与检验工具

A.3.1 Firebug

A.3.2 JSLint

附录B JavaScript快速参考

第一部分 JavaScript基础

1 了解JavaScript

1.1 Web脚本编程基础

1.2 服务器端与客户端编程

1.3 JavaScript简介

1.4 JavaScript起源

浏览器战争

1.5 script标签

1.6 DOM简介

1.6.1 W3C和标准兼容

1.6.2 window和document对象

1.6.3 对象标签法

1.7 与用户交互

1.7.1 window.alert()

1.7.2 document.write()

1.7.3 读取document对象的属性

1.8 小结

1.9 问答

1.10 作业

1.10.1 测验

1.10.2 答案

1.11 练习

2 创建简单的脚本

2.1 在Web页面里添加JavaScript

2.2 JavaScript语句

代码注释

2.3 变量

2.4 操作符

2.4.1 算术操作符

2.4.2 操作符优先级

2.4.3 对字符串使用操作符“+”

2.5 捕获鼠标事件

2.5.1 onClick事件处理器

2.5.2 onMouseOver和onMouseOut事件处理器

2.6 小结

2.7 问答

2.8 作业

2.8.1 测验

2.8.2 答案

2.9 练习

3 使用函数

3.1 基本语法

3.2 调用函数

把JavaScript代码放置到页面的head区域

3.3 参数

多参数

3.4 从函数返回值

3.5 变量作用域

3.6 小结

3.7 问答

3.8 作业

3.8.1 测验

3.8.2 答案

3.9 练习

4 DOM对象和内置对象

4.1 与用户交互

4.1.1 alert()

4.1.2 confirm()

4.1.3 prompt()

4.2 根据id选择元素

innerHTML属性

4.3 访问浏览器历史记录

4.4 使用location对象

4.4.1 使用location对象导航

4.4.2 刷新页面

4.5 浏览器信息：navigator对象

4.6 日期和时间

4.6.1 创建具有当前日期和时间的Date对象

4.6.2 创建具有指定日期和时间的Date对象

4.6.3 设置和编辑日期与时间

4.7 利用Math对象简化运算

4.7.1 取整

4.7.2 获得最大值和最小值

4.7.3 随机数

4.7.4 数学常数

4.7.5 关键字with

4.8 小结

4.9 问答

4.10 作业

4.10.1 测验

4.10.2 答案

4.11 练习

5 数据类型

5.1 数值

5.1.1 整数

5.1.2 浮点数

5.1.3 非数值（NaN）

5.1.4 使用parseFloat()和parseInt()

5.1.5 无穷大（Infinity）

5.2 字符串

5.2.1 转义序列

5.2.2 字符串方法

5.3 布尔值

“非”操作符（！）

5.4 数组

5.4.1 创建新数组

5.4.2 初始化数组

5.4.3 数组的方法

5.5 小结

5.6 问答

5.7 作业

5.7.1 测验

5.7.2 答案

5.8 练习

第二部分 JavaScript进阶

6 功能更强大的脚本

6.1 条件语句

6.1.1 if()语句

6.1.2 比较操作符

6.1.3 测试相等

6.1.4 if进阶

6.1.5 测试多个条件

6.1.6 switch语句

6.1.7 逻辑操作符

6.2 循环和控制结构

6.2.1 while

6.2.2 do…while

6.2.3 for

6.2.4 使用break跳出循环

6.2.5 利用for…in在对象集里循环

6.3 调试代码

6.4 小结

6.5 问答

6.6 作业

6.6.1 测验

6.6.2 答案

6.7 练习

7 面向对象编程

7.1 什么是面向对象编程（OOP）

7.2 创建对象

7.2.1 创建直接实例

7.2.2 使用关键字this

7.2.3 匿名函数

7.2.4 使用构造函数

7.2.5 对象实例化

7.2.6 构造函数参数

7.3 使用prototype扩展和继承对象

7.3.1 扩展对象

7.3.2 继承

7.4 封装

7.5 使用功能检测

7.6 小结

7.7 问答

7.8 作业

7.8.1 测验

7.8.2 答案

7.9 练习

8 JSON简介

8.1 JSON是什么

JSON语法

8.2 访问JSON数据

8.2.1 使用eval()

8.2.2 使用浏览器对JSON直接支持

8.3 JSON的数据序列化

8.4 JSON数据类型

8.5 模拟关联数组

8.6 使用JSON创建对象

8.6.1 属性

8.6.2 方法

8.6.3 数组

8.6.4 对象

8.7 JSON安全性

8.8 小结

8.9 问答

8.10 作业

8.10.1 测验

8.10.2 答案

8.11 练习

9 响应事件

9.1 理解事件处理器

9.1.1 事件范例

9.1.2 添加事件处理器

9.1.3 删除事件处理器

9.2 默认操作

禁止默认操作

9.3 event对象

9.3.1 W3C方式

9.3.2 微软方式

9.4 跨浏览器的事件处理器

9.5 事件处理器高级注册方式

9.5.1 W3C方式

9.5.2 微软方式

9.5.3 跨浏览器的实现方式

9.6 小结

9.7 问答

9.8 作业

9.8.1 测验

9.8.2 答案

9.9 练习

10 JavaScript和cookie

10.1 什么是cookie

cookie的局限

10.2 document.cookie属性

数据的编码和解码

10.3 cookie组成

10.3.1 cookieName和cookieValue

10.3.2 domain

10.3.3 path

10.3.4 secure

10.3.5 expires

10.4 编写cookie

10.5 编写cookie的函数

10.6 读取cookie

10.7 删除cookie

10.8 在一个cookie里设置多个值

10.9 小结

10.10 问答

10.11 作业

10.11.1 测验

10.11.2 答案

10.12 练习

第三部分文档对象模型（DOM）

11 遍历DOM

11.1 DOM节点

11.1.1 节点类型

11.1.2 childNodes属性

11.1.3 firstChild和lastChild

11.1.4 parentNode属性

11.1.5 nextSibling和previousSibling

11.1.6 节点值

11.1.7 节点名称

11.2 利用getElementsByTagName()选择元素

11.3 读取元素的属性

11.4 Mozilla的DOM查看器

11.5 小结

11.6 问答

11.7 作业

11.7.1 测验

11.7.2 答案

11.8 练习

12 使用脚本操作DOM

12.1 创建节点

12.1.1 createElement()

12.1.2 createTextNode()

12.1.3 cloneNode()

12.2 操作子节点

12.2.1 appendChild()

12.2.2 insertBefore()

12.2.3 replaceChild()

12.2.4 removeChild()

12.3 编辑元素属性

12.4 动态加载JavaScript文件

12.5 小结

12.6 问答

12.7 作业

12.7.1 测验

12.7.2 答案

12.8 练习

13 JavaScript和CSS

13.1 CSS简介

13.1.1 从内容分离样式

13.1.2 CSS样式声明

13.1.3 在哪里保存样式声明

13.2 DOM的style属性

13.3 使用className访问类

13.4 DOM的styleSheets对象

启用、禁用和切换样式表

13.5 小结

13.6 问答

13.7 作业

13.7.1 测验

13.7.2 答案

13.8 练习

14 良好的编程习惯

14.1 避免过度使用JavaScript

14.2 编写易读和易维护的代码

14.2.1 明智地使用注释

14.2.2 使用适当的文件名称、属性名称和方法名称

14.2.3 尽量复用代码

14.2.4 不要假设

14.3 平稳退化

14.4 渐进增强

分离样式、内容和代码

14.5 代码分离的JavaScript

14.5.1 脱离HTML

14.5.2 仅把JavaScript作为性能增强手段

14.6 功能检测

14.7 妥善处理错误

使用try和catch

14.8 小结

14.9 问答

14.10 作业

14.10.1 测验

14.10.2 答案

14.11 练习

15 图形与动画

15.1 预加载图像

15.2 页面元素的动画

15.2.1 setTimeout()

15.2.2 setInterval()

15.3 渐变不透明度

15.4 CSS 3过渡、转换和动画

15.5 DOM移位

15.6 优化性能

15.6.1 使用单个定时器

15.6.2 避免为DOM树深层次的元素创建动画效果

15.6.3 使用尽可能低的帧速率

15.7 小结

15.8 问答

15.9 作业

15.9.1 测验

15.9.2 答案

15.10 练习

第四部分 Ajax

16 Ajax入门

16.1 Ajax解析

16.1.1 Ajax入门

16.1.2 XMLHttpRequest对象

16.1.3 与服务器通信

16.1.4 服务器端

16.1.5 处理服务器响应

16.1.6 总结

16.2 XMLHttpRequest对象

16.3 创建XMLHttpRequest的实例

16.3.1 不同浏览器的不同规则

16.3.2 跨浏览器的解决方案

16.3.3 方法和属性

16.3.4 open()方法

16.3.5 send()方法

16.4 发送服务器请求

处理浏览器缓存

16.5 监视服务器状态

16.5.1 readyState属性

16.5.2 服务器响应状态代码

16.6 回调函数

16.7 responseText和responseXML属性

16.7.1 responseText属性

16.7.2 responseXML属性

16.8 小结

16.9 问答

16.10 作业

16.10.1 测验

16.10.2 答案

16.11 练习

17 创建简单的Ajax库

17.1 Ajax库

17.1.1 目标

17.2 库的实现

17.2.1 创建XMLHttpRequest实例

17.2.2 GET和POST请求

17.2.3 回调函数

17.2.4 实现Ajax调用

17.3 使用Ajax库

17.4 小结

17.5 问答

17.6 作业

17.6.1 测验

17.6.2 答案

17.7 练习

18 解决Ajax问题

18.1 调试Ajax程序

18.1.1 Firebug

18.1.2 IE

18.2 常见Ajax错误

18.2.1 “返回”按钮

18.2.2 书签和链接

18.2.3 给用户的反馈

18.2.4 让Ajax平稳退化

18.2.5 应对搜索引擎嗅探

18.2.6 突出活跃页面元素

18.2.7 避免在不适宜的场合使用Ajax

18.2.8 安全

18.2.9 多浏览器平台测试

18.3 常见编程注意事项

18.3.1 GET请求与浏览器缓存

18.3.2 “拒绝访问”错误

18.3.3 转义序列

18.4 小结

18.5 问答

18.6 作业

18.6.1 测验

18.6.2 答案

18.7 练习