JavaScript经典实例

前言

第1章 使用JavaScript字符串

1.0 简介

1.1 连接两个或多个字符串

1.2 连接字符串和另一种数据类型

前言

第1章 使用JavaScript字符串

1.0 简介

1.1 连接两个或多个字符串

1.2 连接字符串和另一种数据类型

1.3 条件比较字符串

1.4 在字符串中查找子字符串

1.5 从一个字符串提取子字符串

1.6 检查一个存在的、非空的字符串

1.7 将一个关键字字符串分解为单独的关键字

1.8 插入特殊字符

1.9 处理textarea的单个行

1.10 去除字符串末尾的空白

1.11 左补充或右补充一个字符串

第2章 使用正则表达式

2.0 简介

2.1 测试一个子字符串是否存在

2.2 测试不区分大小写的子字符串匹配

2.3 验证社会安全号码

2.4 找到并突出显示一个模式的所有实例

2.5 使用新字符串替换模式

2.6 使用捕获圆括号交换一个字符串中的单词

2.7 使用正则表达式来去除空白

2.8 使用命名实体来替代HTML标签

2.9 搜索特殊字符

第3章 日期、时间和定时器

3.0 简介

3.1 打印出今天的日期

3.2 打印出UTC日期和时间

3.3 打印出一个ISO 8601格式日期

3.4 把一个ISO 8601格式的日期转换为Date对象可接受的一种格式

3.5 创建一个特定的日期

3.6 规划未来的一个日期

3.7 记录流逝的时间

3.8 创建一个延迟

3.9 创建重复性定时器

3.10 使用带有定时器的函数闭包

第4章 使用Number和Math

4.0 简介

4.1 保持一个递增的计数

4.2 把十进制数转换为一个十六进制值

4.3 创建一个随机数生成器

4.4 随机产生颜色

4.5 把表中的字符串转换为数字

4.6 把表中一列的所有数字加和

4.7 在角度和弧度之间转换

4.8 找到页面元素可容纳的一个圆的半径和圆心

4.9 计算圆弧的长度

第5章 使用数组和循环

5.0 简介

5.1 循环遍历数组

5.2 创建多维数组

5.3 从数组创建一个字符串

5.4 排序数组

5.5 按顺序存储和访问值

5.6 以相反的顺序存储和访问值

5.7 创建一个新数组作为已有数组的子集

5.8 在数组中搜索

5.9 将一个多维数组扁平化

5.10 搜索和删除或替换数组元素

5.11 对每个数组元素应用一个函数

5.12 对数组中的每个元素执行一个函数并返回一个新数组

5.13 创建一个过滤后的数组

5.14 验证数组内容

5.15 使用一个关联数组来存储表单元素名和值

第6章 使用JavaScript函数构建重用性

6.0 简介

6.1 创建一段可重用的代码

6.2 把单个数据值传递到函数

6.3 把复杂的数据对象传递给函数

6.4 创建一个动态运行时函数

6.5 把一个函数当做参数传递给另一个函数 6.6 实现递归算法

6.7 创建能够记住其状态的函数

6.8 使用一个通用的科里化函数提高应用程序性能

6.9 使用缓存计算（Memoization）来提高应用程序性能

6.10 使用匿名函数包装全局变量

第7章 处理事件

7.0 简介

7.1 检测页面何时完成载入

7.2 使用Event对象捕获鼠标点击事件的位置

7.3 创建一个通用的、可重用的事件处理函数

7.4 根据修改的条件来取消一个事件

7.5 阻止事件在一组嵌套元素中传播

7.6 捕获键盘活动

7.7 使用新的HTML 5拖放

7.8 使用Safari方向事件和其他移动开发环境

第8章 浏览器模块

8.0 简介

8.1 请求Web页面访问者确认一项操作

8.2 创建一个新的、下拉式的浏览器窗口

8.3 找到关于浏览器的访问页面

8.4 警告Web页面访问者将要离开页面

8.5 根据颜色支持更改样式表

8.6 根据页面大小修改图像尺寸

8.7 在CMS模板页面中创建面包屑路径

8.8 将一个动态页面加入书签

8.9 针对后退按钮、页面刷新来保持状态

第9章 表单元素和验证

9.0 简介

9.1 访问表单文本输入值

9.2 动态关闭或打开表单元素

9.3 根据一个事件从表单元素获取信息

9.4 当点击单选按钮的时候执行一个动作

9.5 检查一个有效的电话号码

9.6 取消表单提交

9.7 阻止重复表单提交

9.8 隐藏和显示表单元素

9.9 根据其他表单选择修改一个选项列表

第10章 调试和错误处理

10.0 简介

10.1 优雅地处理无JavaScript支持的情况

10.2 检查函数中的错误

10.3 对于简单调试使用一条警告

10.4 捕获一个错误并提供优雅的错误处理

10.5 初始化可管理的错误

10.6 使用Firefox的Firebug

10.7 使用Firebug设置一个断点并查看数据

10.8 Firefox和Console

10.9 使用IE的内建调试器

10.10 使用IE Developer Tools设置一个断点

10.11 Opera的Dragonfly

10.12 使用Dragonfly设置一个断点

10.13 打开Safari的开发工具

10.14 使用Safari调试器设置断点

10.15 Chrome中的调试

第11章 访问页面元素

11.0 简介

11.1 访问一个给定的元素并找到其父元素和子元素

11.2 访问Web页面中所有的图像

11.3 在一篇文章中找出所有的图像

11.4 使用Selectors API找出文章中的所有图像

11.5 找出一组元素的父元素

11.6 突出显示每个元素中的第一个段落

11.7 对无序列表应用条纹主题

11.8 创建一个给定类的所有元素的一个数组

11.9 找出共享同一属性的所有元素

11.10 找出所有选中的选项

11.11 把一个表行中所有值加和

11.12 获取元素属性

11.13 获取一个元素的样式信息

第12章 创建和删除元素和属性

12.0 简介

12.1 使用innerHTML：一种添加内容的快速而容易的方法

12.2 在已有页面元素前插入元素

12.3 在页面的末尾附加一个新元素

12.4 触发IE的旧版来样式化新元素

12.5 插入一个新的段落

12.6 给新的段落添加文本

12.7 向一个已有元素添加属性

12.8 测试一个布尔值

12.9 删除一个属性

12.10 移动一个段落

12.11 使用脚注项目符号替代链接

12.12 向已有的表添加行

12.13 从一个div元素删除一个段落

12.14 从HTML表格删除行

12.15 修改元素的CSS样式属性

第13章 使用Web页面空间

13.0 简介

13.1 确定Web页面的区域

13.2 度量元素

13.3 在页面中定位元素

13.4 隐藏页面区段

13.5 创建可折叠的表单区段

13.6 添加一个页面覆盖

13.7 创建标签页

13.8 创建基于悬停的弹出信息窗口

13.9 折叠边栏或调整其大小

第14章 使用JavaScript、CSS和ARIA

创建交互式和可访问性效果

14.0 简介

14.1 显示隐藏的页面区段

14.2 创建警告消息

14.3 突出显示遗漏数据或数据不正确的表单字段

14.4 给页面覆盖添加键盘可访问性

14.5 创建可折叠的表单区段

14.6 显示一个带颜色的闪烁以表示一个动作

14.7 给标签页应用程序添加ARIA属性

14.8 动态区域

第15章 创建富媒体和交互应用程序

15.0 简介

15.1 在画布中创建基本的图形（使用canvas元素）

15.2 在Internet Explorer中实现画布应用程序

15.3 在画布中创建一个动态的线条图表

15.4 向一个SVG文件添加JavaScript

15.5 从Web页面脚本访问SVG

15.6 在Internet Explorer中模拟SVG

15.7 为嵌入到HTML中的SVG增加交互性

15.8 使用Math函数在SVG中创建一个实际的、走动的模拟时钟

15.9 在HTML中加入SVG和画布元素

15.10 在Firefox和WebKit/Safari中调试WebGL支持

15.11 当一个音频文件开始播放的时候运行一个例程

15.12 用JavaScript和video元素控制视频

第16章 JavaScript对象

16.0 简介

16.1 定义一个基本的JavaScript对象

16.2 保持对象成员私有

16.3 用原型扩展对象

16.4 给对象添加Getter/Setter

16.5 继承一个对象的功能

16.6 通过定义一个新的属性来扩展对象

16.7 枚举一个对象的属性

16.8 阻止对象可扩展性

16.9 阻止对象添加和修改属性描述符

16.10 阻止对对象的任何修改

16.11 一次性对象和为你的JavaScript提供命名空间

16.12 用Prototype.bind再次发现“this”

16.13 将对象方法链化

第17章 JavaScript库

17.0 简介

17.1 包装你的代码

17.2 使用JsUnit测试代码

17.3简化你的库

17.4 寄存库

17.5 使用一个外部库：构建于jQuery框架之上

17.6 使用已有的jQuery插件

17.7 把库转换为一个jQuery插件

17.8 安全地把几个库组合到你的应用程序中

第18章 通信

18.0 简介

18.1 访问XMLHttpRequest对象

18.2 为传输准备数据

18.3 确定查询调用的类型

18.4 为Ajax请求添加一个回调函数

18.5 检查一个错误条件

18.6 处理一个文本结果

18.7 （使用JSONP）对另一个域进行Ajax请求

18.8 从服务器填充一个选项列表

18.9 使用定时器以新数据自动更新页面

18.10 使用PostMessage跨窗口通信

第19章 使用结构化数据

19.0 简介

19.1 处理从Ajax调用返回的一个XML文档 19.2 从一个XML树提取相关信息

19.3 使用JSON产生一个JavaScript对象

19.4 解析一个JSON格式化字符串

19.5 使用JSON把一个对象转换为过滤的/转换的字符串

19.6 把hCalendar微格式注释转换为一个画布时间表

19.7 清除页面RDFa并且使用rdfQuery和jQuery RDF插件将其转换为JSON

第20章 持久化

20.0 简介

20.1 给URL附加持久性信息

20.2 创建一个Cookie来跨页面持久化信息

20.3 使用History.pushState方法和window.onpopevent来持久化信息

20.4 针对客户端存储使用sessionStorage

20.5 创建一个localStorage客户端数据存储项

20.6 使用关系数据存储来持久化数据

第21章 JavaScript创新用法

21.0 简介

21.1 创建一个浏览器插件或扩展

21.2 创建桌面和移动挂件

21.3 使用PhoneGap为iPhone、Android和BlackBerry开发JavaScript应用程序

21.4 使用JavaScript扩展工具

21.5 使用Web Workers和File API创建高效的桌面应用程序