简介
这是一本系统而全面的html 5教程，根据html 5标准的最新草案，系统地对html 5的所有重要知识点进行了全面的讲解。在写作方式上，本书以一种开创性的方式使理论与实践达到极好的平衡，不仅对理论知识进行了清晰而透彻的阐述，而且根据读者理解这些知识的需要，精心设计了106个完整（每个案例分为功能描述、实现代码、效果展示和代码分析4个部分）的实战案例，旨在帮助读者通过实践的方式迅速掌握这些知识。
《html 5实战》共11章，内容涵盖了html 5的各个方面。第1章通过实现一个简单的html 5页面讲解了如何搭建支持html 5的浏览器环境、html 5页面所具备的特征，以及如何检测浏览器对html 5的各种特性的支持情况；第2章介绍了html 5中常用的交互元素，包括内容交互元素、菜单交互元素和状态交互元素等几大类；第3章介绍了html根元素、文档元素，以及与脚本、节点、分组内容、文本层次语义、嵌入内容、公共属性相关的重要元素；第4章和第5章讲解了html 5中的表单和文件的功能特性以及常见的各种操作；第6章和第7章讲解了html 5中的音频、视频和绘图相关的知识，重点讲解了各种常见的操作和使用方法；第8章和第9章讲解了html 5中的数据存储和离线应用；第10章对web sockets、geolocation、web workers、元素的拖放等重要内容进行了全面的讲解。
《html 5实战》适合所有想系统学习html 5的读者阅读。如果按照本书的顺序逐章阅读，同时亲自动手实现本书中的案例，相信一定能达到事半功倍的效果。
目录
《html 5实战》
前言
第1章 拥抱html 5 /1
1.1 一个简单的html 5页面 /2
1.1.1 搭建支持的浏览器环境 /2
1.1.2 检测浏览器是否支持html 5标记 /2
1.1.3 使用html 5结构编写一个简单的web页面 /4
1.2 html 5页面的特征 /6
1.2.1 应用全新的html 5特征结构化元素 /6
1.2.2 使用css文件美化html 5新元素 /9
1.3 本章小结 /10
第2章 html 5中常用的交互元素 /11
2.1 内容交互元素 /12
2.1.1 details 元素 /12
2.1.2 summary元素 /16
2.2 菜单交互元素 /17
2.2.1 menu元素 /17
2.2.2 command元素 /20
2.3 状态交互元素 /23
2.3.1 progress元素 /24
.2.3.2 meter元素 /26
2.4 本章小结 /28
第3章 html 5中的重要元素 /29
3.1 html根元素 /30
3.2 文档元素 /32
3.3 脚本 /34
3.4 节点 /37
3.4.1 section 元素 /37
3.4.2 nav 元素 /38
3.4.3 hgroup 元素 /38
3.4.4 address 元素 /38
3.5 分组内容 /39
3.5.1 ul 元素 /39
3.5.2 ol 元素 /40
3.5.3 dl 元素 /41
3.6 文本层次语义 /42
3.6.1 time 元素 /42
3.6.2 mark 元素 /43
3.6.3 cite 元素 /45
3.7 嵌入内容 /46
3.7.1 img元素 /46
3.7.2 iframe元素 /47
3.7.3 object元素 /48
3.8 公共属性 /48
3.8.1 draggable属性 /48
3.8.2 hidden属性 /50
3.8.3 spellcheck属性 /51
3.8.4 contenteditable属性 /53
3.9 本章小结 /55
第4章 html 5中的表单 /57
4.1 input元素的新增类型 /58
4.1.1 email邮件类型 /58
4.1.2 url地址类型 /60
4.1.3 number数字类型 /62
4.1.4 range数字滑动条 /64
4.1.5 date日期类型 /66
4.1.6 search搜索类型 /69
4.2 input元素新增的公用属性 /71
4.2.1 autofocus 属性 /71
4.2.2 pattern 属性 /73
4.2.3 placeholder 属性 /75
4.2.4 required 属性 /76
4.3 新增表单元素 /78
4.3.1 datalist 元素 /78
4.3.2 output 元素 /80
4.3.3 keygen 元素 /81
4.4 表单新增的验证方法和属性 /83
4.4.1 checkvalidity显式验证法 /83
4.4.2 使用setcustomvalidity方法修改提示信息 /85
4.4.3 表单的novalidate属性 /87
4.5 本章小结 /89
第5章 html 5中的文件 /91
5.1 选择文件 /92
5.1.1 选择单个文件 /92
5.1.2 选择多个文件 /93
5.1.3 使用blob接口获取文件的类型与大小 /95
5.1.4 通过类型过滤选择的文件 /97
5.1.5 通过accept属性过滤选择文件的类型 /99
5.2 使用filereader接口读取文件 /101
5.2.1 filereader 接口的方法 /101
5.2.2 使用 readasdataurl方法预览图片 /101
5.2.3 使用 readastext方法读取文本文件 /104
5.2.4 侦听filereader接口中的事件 /106
5.3 使用datatransfer对象拖放上传图片文件 /109
5.4 文件读取时的错误与异常 /112
5.4.1 发生错误与异常的条件 /112
5.4.2 错误代码说明 /113
5.5 本章小结 /114
第6章 html 5中的视频和音频 /115
6.1 多媒体元素基本属性 /116
6.1.1 元素格式 /116
6.1.2 width与height属性 /117
6.1.3 controls属性 /119
6.1.4 poster属性 /121
6.1.5 networkstate 属性 /122
6.1.6 error 属性 /124
6.1.7 其他属性 /127
6.2 多媒体元素常用方法 /131
6.2.1 媒体播放时的方法 /131
6.2.2 canplaytype 方法 /133
6.3 多媒体元素重要事件 /136
6.3.1 媒体播放事件 /136
6.3.2 timeupdate 事件 /138
6.3.3 其他事件 /140
6.4 本章小结 /141
第7章 html 5绘图基础 /143
7.1 画布的基础知识 /144
7.1.1 canvas元素的基本用法 /144
7.1.2 绘制带边框矩形 /146
7.1.3 绘制渐变图形 /148
7.2 在画布中使用路径 /151
7.2.1 moveto与lineto的用法 /151
7.2.2 使用arc方法绘制圆形 /153
7.2.3 绘制渐变圆形 /157
7.3 对画布中图形的操作 /160
7.3.1 变换图形原点坐标 /160
7.3.2 组合多个图形 /163
7.3.3 添加图形阴影 /166
7.4 处理画布中的图像 /168
7.4.1 绘制图像 /168
7.4.2 平铺图像 /171
7.4.3 切割图像 /174
7.4.4 处理像素 /176
7.5 画布的其他应用 /179
7.5.1 绘制文字 /179
7.5.2 保存、恢复及输出图形 /182
7.5.3 制作简单的动画 /185
7.6 本章小结 /188
第8章 html 5中的数据存储 /189
8.1 web storage存储简介 /190
8.1.1 sessionstorage对象 /190
8.1.2 localstorage对象 /192
8.2 localstorage详解 /196
8.2.1 清空localstorage数据 /196
8.2.2 遍历localstorage数据 /199
8.2.3 使用json对象存取数据 /202
8.2.4 管理localstorage数据 /205
8.3 web sql数据库基础 /210
8.3.1 打开与创建数据库 /210
8.3.2 执行事务 /212
8.3.3 插入数据 /215
8.3.4 数据管理 /218
8.4 本章小结 /225
第9章 html 5中的离线应用 /227
9.1 离线应用程序 /228
9.1.1 manifest 文件简介 /228
9.1.2 配置iis服务器 /229
9.1.3 离线应用的开发过程 /231
9.2 本地缓存的更新及状态检测 /233
9.2.1 updateready事件 /234
9.2.2 update方法 /236
9.2.3 swapcache方法 /239
9.2.4 更新本地缓存时触发的其他事件 /241
9.3 检测在线状态 /244
9.3.1 online 属性 /244
9.3.2 online 与offline事件 /246
9.3.3 离线数据交互应用开发过程 /249
9.4 本章小结 /254
第10章 html 5中的其他应用型api /255
10.1 web sockets api /256
10.1.1 postmessage方法 /256
10.1.2 使用websocket 传送数据 /260
10.1.3 使用websocket 传送json对象 /263
10.2 geolocation api /267
10.2.1 使用 getcurrentposition方法获取当前地理位置 /267
10.2.2 使用google地图锁定位置 /273
10.3 web workers api /275
10.3.1 worker对象处理线程 /276
10.3.2 使用线程传递json对象 /279
10.3.3 使用线程嵌套交互数据 /281
10.4 本章小结 /284
第11章 html 5中元素的拖放 /285
11.1 拖放基础 /286
11.1.1 使用javascript代码实现拖放 /286
11.1.2 在html 5中实现拖放时触发的事件 /288
11.2 datatransfer对象应用详解 /291
11.2.1 使用setdata与getdata方法存入与读取拖放数据 /292
11.2.2 使用setdragimage方法设置拖放图标 /295
11.2.3 使用effectallowed与dropeffect属性设置拖放效果 /297
11.3 拖放应用实战 /300
11.3.1 购物车的实现 /300
11.3.2 相册的管理 /304
11.4 本章小结 /307
实例目录
实例1-1 检测浏览器是否支持html 5 /2
实例1-2 hello,world页面的实现 /4
实例1-3 页面分栏实现 /6
实例1-4 样式化页面实现 /9
实例2-1 交互元素[details]的使用 /13
实例2-2 用脚本控制交互元素[details]的使用 /14
实例2-3 交互元素[summary]与[details]的结合使用 /16
实例2-4 交互元素[menu]的使用 /18
实例2-5 交互元素[command]与[menu]的结合使用 /20
实例2-6 交互元素[progress]的使用 /24
实例2-7 交互元素[meter]的使用 /26
实例3-1 元素[html]的使用 /30
实例3-2 元素[head]的使用 /33
实例3-3 元素[script]与[noscript]的使用 /35
实例3-4 元素[ol]的使用 /40
实例3-5 元素[mark]的使用 /43
实例3-6 元素[cite]的使用 /45
实例3-7 公共属性draggable的使用 /49
实例3-8 公共属性hidden的使用 /50
实例3-9 公共属性spellcheck的使用 /51
实例3-10 公共属性contenteditable的使用 /53
实例4-1 email 类型的[input]元素的使用 /59
实例4-2 url 类型的[input]元素的使用 /61
实例4-3 number 类型的[input]元素的使用 /62
实例4-4 range 类型的[input]元素实现颜色选择器 /64
实例4-5 分类展示不同形式的选择日期 /66
实例4-6 search类型的[input]元素的使用 /69
实例4-7 [input]元素中autofocus属性的使用 /71
实例4-8 [input]元素中pattern属性的使用 /73
实例4-9 [input]元素中placeholder属性的使用 /75
实例4-10 [input]元素中required属性的使用 /77
实例4-11 [datalist]元素的使用 /78
实例4-12 [output]元素的使用 /80
实例4-13 [keygen]元素的使用 /82
实例4-14 调用表单的checkvalidity方法 /83
实例4-15 调用表单的setcustomvalidity方法 /85
实例4-16 表单中novalidate属性的使用 /88
实例5-1 选择单个文件上传 /92
实例5-2 选择多个文件上传 /94
实例5-3 获取上传文件的类型与大小 /95
实例5-4 通过类型过滤上传文件 /97
实例5-5 通过accept属性过滤上传文件的类型 /99
实例5-6 使用readasdataurl方法预览图片 /102
实例5-7 使用readastext方法读取文本文件 /104
实例5-8 展示文件读取时触发事件的先后顺序 /107
实例5-9 使用datatransfer对象拖放上传图片文件 /109
实例6-1 使用多媒体元素播放文件 /116
实例6-2 设置[video]元素的大小与样式 /118
实例6-3 设置[video]元素的控制条工具属性 /119
实例6-4 设置[video]元素的poster属性 /121
实例6-5 获取[video]元素networkstate属性的返回值 /122
实例6-6 获取[video]元素error属性的返回值 /125
实例6-7 自定义[video]元素控制条工具栏 /131
实例6-8 使用canplaytype方法检测浏览器支持媒体类型 /133
实例6-9 获取多媒体元素在播放事件中的不同状态 /136
实例6-10 通过timeupdate事件动态显示媒体文件播放时间 /138
实例7-1 使用[canvas]元素绘制正方形 /144
实例7-2 使用[canvas]元素绘制带边框的矩形 /146
实例7-3 使用[canvas]元素绘制有渐变色的图形 /149
实例7-4 使用moveto与lineto方法绘制多条直线 /151
实例7-5 使用arc方法绘制多个不同样式的圆形 /154
实例7-6 使用[canvas]元素绘制径向渐变的圆形 /158
实例7-7 使用[canvas]元素移动、缩放、旋转图形 /160
实例7-8 使用[canvas]元素设置多图形组合显示的方式 /164
实例7-9 使用[canvas]元素添加绘制图形阴影 /166
实例7-10 使用drawimage方法在画布中绘制图像 /169
实例7-11 使用createpattern方法在画布中平铺图像 /172
实例7-12 使用clip方法在画布中切割图像 /174
实例7-13 使用getimagedata与putimagedata方法处理图像像素 /177
实例7-14 使用filltext与stroketext方法绘制文字 /180
实例7-15 在画布中保存、恢复及输出图形 /182
实例7-16 在画布中制作简单的动画 /186
实例8-1 使用sessionstorage对象保存与读取临时数据 /191
实例8-2 使用localstorage对象保存与读取登录用户名与密码 /193
实例8-3 清空localstorage对象保存的全部数据 /197
实例8-4 遍历localstorage对象保存的全部数据 /199
实例8-5 使用json对象存取数据 /202
实例8-6 管理localstorage数据 /206
实例8-7 使用opendatabase打开与创建数据库 /211
实例8-8 使用transaction方法执行事务 /213
实例8-9 使用executesql方法插入记录 /215
实例8-10 使用executesql方法管理数据记录 /218
实例9-1 开发一个简单的离线应用 /231
实例9-2 监测updateready事件触发 /234
实例9-3 使用update方法更新本地缓存 /236
实例9-4 使用swapcache方法更新本地缓存 /239
实例9-5 检测离线应用在加载过程中触发的事件 /241
实例9-6 通过online属性检测网络的当前状态 /245
实例9-7 通过online与offline事件检测网络的当前状态 /247
实例9-8 开发一个离线留言数据交互应用 /249
实例10-1 使用postmessage方法实现跨文档传输数据 /256
实例10-2 使用websocket对象传送数据 /261
实例10-3 使用websocket传送json对象 /264
实例10-4 使用getcurrentposition方法获取出错数据信息 /268
实例10-5 使用getcurrentposition方法获取地理位置信息 /270
实例10-6 使用google地图锁定位置 /273
实例10-7 使用worker对象处理线程 /276
实例10-8 使用线程传递json对象 /279
实例10-9 使用线程嵌套交互数据 /281
实例11-1 使用javascript代码实现元素拖放 /286
实例11-2 元素在拖放过程中触发的事件 /289
实例11-3 使用setdata与getdata方法存入与读取拖放数据 /292
实例11-4 使用setdragimage方法设置拖放图标 /295
实例11-5 使用effectallowed与dropeffect属性设置拖放效果 /298
实例11-6 使用拖放api将商品拖入购物车 /301
实例11-7 使用拖放api将图片拖入回收站 /304
前言
第1章 拥抱html 5 /1
1.1 一个简单的html 5页面 /2
1.1.1 搭建支持的浏览器环境 /2
1.1.2 检测浏览器是否支持html 5标记 /2
1.1.3 使用html 5结构编写一个简单的web页面 /4
1.2 html 5页面的特征 /6
1.2.1 应用全新的html 5特征结构化元素 /6
1.2.2 使用css文件美化html 5新元素 /9
1.3 本章小结 /10
第2章 html 5中常用的交互元素 /11
2.1 内容交互元素 /12
2.1.1 details 元素 /12
2.1.2 summary元素 /16
2.2 菜单交互元素 /17
2.2.1 menu元素 /17
2.2.2 command元素 /20
2.3 状态交互元素 /23
2.3.1 progress元素 /24
.2.3.2 meter元素 /26
2.4 本章小结 /28
第3章 html 5中的重要元素 /29
3.1 html根元素 /30
3.2 文档元素 /32
3.3 脚本 /34
3.4 节点 /37
3.4.1 section 元素 /37
3.4.2 nav 元素 /38
3.4.3 hgroup 元素 /38
3.4.4 address 元素 /38
3.5 分组内容 /39
3.5.1 ul 元素 /39
3.5.2 ol 元素 /40
3.5.3 dl 元素 /41
3.6 文本层次语义 /42
3.6.1 time 元素 /42
3.6.2 mark 元素 /43
3.6.3 cite 元素 /45
3.7 嵌入内容 /46
3.7.1 img元素 /46
3.7.2 iframe元素 /47
3.7.3 object元素 /48
3.8 公共属性 /48
3.8.1 draggable属性 /48
3.8.2 hidden属性 /50
3.8.3 spellcheck属性 /51
3.8.4 contenteditable属性 /53
3.9 本章小结 /55
第4章 html 5中的表单 /57
4.1 input元素的新增类型 /58
4.1.1 email邮件类型 /58
4.1.2 url地址类型 /60
4.1.3 number数字类型 /62
4.1.4 range数字滑动条 /64
4.1.5 date日期类型 /66
4.1.6 search搜索类型 /69
4.2 input元素新增的公用属性 /71
4.2.1 autofocus 属性 /71
4.2.2 pattern 属性 /73
4.2.3 placeholder 属性 /75
4.2.4 required 属性 /76
4.3 新增表单元素 /78
4.3.1 datalist 元素 /78
4.3.2 output 元素 /80
4.3.3 keygen 元素 /81
4.4 表单新增的验证方法和属性 /83
4.4.1 checkvalidity显式验证法 /83
4.4.2 使用setcustomvalidity方法修改提示信息 /85
4.4.3 表单的novalidate属性 /87
4.5 本章小结 /89
第5章 html 5中的文件 /91
5.1 选择文件 /92
5.1.1 选择单个文件 /92
5.1.2 选择多个文件 /93
5.1.3 使用blob接口获取文件的类型与大小 /95
5.1.4 通过类型过滤选择的文件 /97
5.1.5 通过accept属性过滤选择文件的类型 /99
5.2 使用filereader接口读取文件 /101
5.2.1 filereader 接口的方法 /101
5.2.2 使用 readasdataurl方法预览图片 /101
5.2.3 使用 readastext方法读取文本文件 /104
5.2.4 侦听filereader接口中的事件 /106
5.3 使用datatransfer对象拖放上传图片文件 /109
5.4 文件读取时的错误与异常 /112
5.4.1 发生错误与异常的条件 /112
5.4.2 错误代码说明 /113
5.5 本章小结 /114
第6章 html 5中的视频和音频 /115
6.1 多媒体元素基本属性 /116
6.1.1 元素格式 /116
6.1.2 width与height属性 /117
6.1.3 controls属性 /119
6.1.4 poster属性 /121
6.1.5 networkstate 属性 /122
6.1.6 error 属性 /124
6.1.7 其他属性 /127
6.2 多媒体元素常用方法 /131
6.2.1 媒体播放时的方法 /131
6.2.2 canplaytype 方法 /133
6.3 多媒体元素重要事件 /136
6.3.1 媒体播放事件 /136
6.3.2 timeupdate 事件 /138
6.3.3 其他事件 /140
6.4 本章小结 /141
第7章 html 5绘图基础 /143
7.1 画布的基础知识 /144
7.1.1 canvas元素的基本用法 /144
7.1.2 绘制带边框矩形 /146
7.1.3 绘制渐变图形 /148
7.2 在画布中使用路径 /151
7.2.1 moveto与lineto的用法 /151
7.2.2 使用arc方法绘制圆形 /153
7.2.3 绘制渐变圆形 /157
7.3 对画布中图形的操作 /160
7.3.1 变换图形原点坐标 /160
7.3.2 组合多个图形 /163
7.3.3 添加图形阴影 /166
7.4 处理画布中的图像 /168
7.4.1 绘制图像 /168
7.4.2 平铺图像 /171
7.4.3 切割图像 /174
7.4.4 处理像素 /176
7.5 画布的其他应用 /179
7.5.1 绘制文字 /179
7.5.2 保存、恢复及输出图形 /182
7.5.3 制作简单的动画 /185
7.6 本章小结 /188
第8章 html 5中的数据存储 /189
8.1 web storage存储简介 /190
8.1.1 sessionstorage对象 /190
8.1.2 localstorage对象 /192
8.2 localstorage详解 /196
8.2.1 清空localstorage数据 /196
8.2.2 遍历localstorage数据 /199
8.2.3 使用json对象存取数据 /202
8.2.4 管理localstorage数据 /205
8.3 web sql数据库基础 /210
8.3.1 打开与创建数据库 /210
8.3.2 执行事务 /212
8.3.3 插入数据 /215
8.3.4 数据管理 /218
8.4 本章小结 /225
第9章 html 5中的离线应用 /227
9.1 离线应用程序 /228
9.1.1 manifest 文件简介 /228
9.1.2 配置iis服务器 /229
9.1.3 离线应用的开发过程 /231
9.2 本地缓存的更新及状态检测 /233
9.2.1 updateready事件 /234
9.2.2 update方法 /236
9.2.3 swapcache方法 /239
9.2.4 更新本地缓存时触发的其他事件 /241
9.3 检测在线状态 /244
9.3.1 online 属性 /244
9.3.2 online 与offline事件 /246
9.3.3 离线数据交互应用开发过程 /249
9.4 本章小结 /254
第10章 html 5中的其他应用型api /255
10.1 web sockets api /256
10.1.1 postmessage方法 /256
10.1.2 使用websocket 传送数据 /260
10.1.3 使用websocket 传送json对象 /263
10.2 geolocation api /267
10.2.1 使用 getcurrentposition方法获取当前地理位置 /267
10.2.2 使用google地图锁定位置 /273
10.3 web workers api /275
10.3.1 worker对象处理线程 /276
10.3.2 使用线程传递json对象 /279
10.3.3 使用线程嵌套交互数据 /281
10.4 本章小结 /284
第11章 html 5中元素的拖放 /285
11.1 拖放基础 /286
11.1.1 使用javascript代码实现拖放 /286
11.1.2 在html 5中实现拖放时触发的事件 /288
11.2 datatransfer对象应用详解 /291
11.2.1 使用setdata与getdata方法存入与读取拖放数据 /292
11.2.2 使用setdragimage方法设置拖放图标 /295
11.2.3 使用effectallowed与dropeffect属性设置拖放效果 /297
11.3 拖放应用实战 /300
11.3.1 购物车的实现 /300
11.3.2 相册的管理 /304
11.4 本章小结 /307
实例目录
实例1-1 检测浏览器是否支持html 5 /2
实例1-2 hello,world页面的实现 /4
实例1-3 页面分栏实现 /6
实例1-4 样式化页面实现 /9
实例2-1 交互元素[details]的使用 /13
实例2-2 用脚本控制交互元素[details]的使用 /14
实例2-3 交互元素[summary]与[details]的结合使用 /16
实例2-4 交互元素[menu]的使用 /18
实例2-5 交互元素[command]与[menu]的结合使用 /20
实例2-6 交互元素[progress]的使用 /24
实例2-7 交互元素[meter]的使用 /26
实例3-1 元素[html]的使用 /30
实例3-2 元素[head]的使用 /33
实例3-3 元素[script]与[noscript]的使用 /35
实例3-4 元素[ol]的使用 /40
实例3-5 元素[mark]的使用 /43
实例3-6 元素[cite]的使用 /45
实例3-7 公共属性draggable的使用 /49
实例3-8 公共属性hidden的使用 /50
实例3-9 公共属性spellcheck的使用 /51
实例3-10 公共属性contenteditable的使用 /53
实例4-1 email 类型的[input]元素的使用 /59
实例4-2 url 类型的[input]元素的使用 /61
实例4-3 number 类型的[input]元素的使用 /62
实例4-4 range 类型的[input]元素实现颜色选择器 /64
实例4-5 分类展示不同形式的选择日期 /66
实例4-6 search类型的[input]元素的使用 /69
实例4-7 [input]元素中autofocus属性的使用 /71
实例4-8 [input]元素中pattern属性的使用 /73
实例4-9 [input]元素中placeholder属性的使用 /75
实例4-10 [input]元素中required属性的使用 /77
实例4-11 [datalist]元素的使用 /78
实例4-12 [output]元素的使用 /80
实例4-13 [keygen]元素的使用 /82
实例4-14 调用表单的checkvalidity方法 /83
实例4-15 调用表单的setcustomvalidity方法 /85
实例4-16 表单中novalidate属性的使用 /88
实例5-1 选择单个文件上传 /92
实例5-2 选择多个文件上传 /94
实例5-3 获取上传文件的类型与大小 /95
实例5-4 通过类型过滤上传文件 /97
实例5-5 通过accept属性过滤上传文件的类型 /99
实例5-6 使用readasdataurl方法预览图片 /102
实例5-7 使用readastext方法读取文本文件 /104
实例5-8 展示文件读取时触发事件的先后顺序 /107
实例5-9 使用datatransfer对象拖放上传图片文件 /109
实例6-1 使用多媒体元素播放文件 /116
实例6-2 设置[video]元素的大小与样式 /118
实例6-3 设置[video]元素的控制条工具属性 /119
实例6-4 设置[video]元素的poster属性 /121
实例6-5 获取[video]元素networkstate属性的返回值 /122
实例6-6 获取[video]元素error属性的返回值 /125
实例6-7 自定义[video]元素控制条工具栏 /131
实例6-8 使用canplaytype方法检测浏览器支持媒体类型 /133
实例6-9 获取多媒体元素在播放事件中的不同状态 /136
实例6-10 通过timeupdate事件动态显示媒体文件播放时间 /138
实例7-1 使用[canvas]元素绘制正方形 /144
实例7-2 使用[canvas]元素绘制带边框的矩形 /146
实例7-3 使用[canvas]元素绘制有渐变色的图形 /149
实例7-4 使用moveto与lineto方法绘制多条直线 /151
实例7-5 使用arc方法绘制多个不同样式的圆形 /154
实例7-6 使用[canvas]元素绘制径向渐变的圆形 /158
实例7-7 使用[canvas]元素移动、缩放、旋转图形 /160
实例7-8 使用[canvas]元素设置多图形组合显示的方式 /164
实例7-9 使用[canvas]元素添加绘制图形阴影 /166
实例7-10 使用drawimage方法在画布中绘制图像 /169
实例7-11 使用createpattern方法在画布中平铺图像 /172
实例7-12 使用clip方法在画布中切割图像 /174
实例7-13 使用getimagedata与putimagedata方法处理图像像素 /177
实例7-14 使用filltext与stroketext方法绘制文字 /180
实例7-15 在画布中保存、恢复及输出图形 /182
实例7-16 在画布中制作简单的动画 /186
实例8-1 使用sessionstorage对象保存与读取临时数据 /191
实例8-2 使用localstorage对象保存与读取登录用户名与密码 /193
实例8-3 清空localstorage对象保存的全部数据 /197
实例8-4 遍历localstorage对象保存的全部数据 /199
实例8-5 使用json对象存取数据 /202
实例8-6 管理localstorage数据 /206
实例8-7 使用opendatabase打开与创建数据库 /211
实例8-8 使用transaction方法执行事务 /213
实例8-9 使用executesql方法插入记录 /215
实例8-10 使用executesql方法管理数据记录 /218
实例9-1 开发一个简单的离线应用 /231
实例9-2 监测updateready事件触发 /234
实例9-3 使用update方法更新本地缓存 /236
实例9-4 使用swapcache方法更新本地缓存 /239
实例9-5 检测离线应用在加载过程中触发的事件 /241
实例9-6 通过online属性检测网络的当前状态 /245
实例9-7 通过online与offline事件检测网络的当前状态 /247
实例9-8 开发一个离线留言数据交互应用 /249
实例10-1 使用postmessage方法实现跨文档传输数据 /256
实例10-2 使用websocket对象传送数据 /261
实例10-3 使用websocket传送json对象 /264
实例10-4 使用getcurrentposition方法获取出错数据信息 /268
实例10-5 使用getcurrentposition方法获取地理位置信息 /270
实例10-6 使用google地图锁定位置 /273
实例10-7 使用worker对象处理线程 /276
实例10-8 使用线程传递json对象 /279
实例10-9 使用线程嵌套交互数据 /281
实例11-1 使用javascript代码实现元素拖放 /286
实例11-2 元素在拖放过程中触发的事件 /289
实例11-3 使用setdata与getdata方法存入与读取拖放数据 /292
实例11-4 使用setdragimage方法设置拖放图标 /295
实例11-5 使用effectallowed与dropeffect属性设置拖放效果 /298
实例11-6 使用拖放api将商品拖入购物车 /301
实例11-7 使用拖放api将图片拖入回收站 /304
HTML 5实战
- 名称
- 类型
- 大小
光盘服务联系方式: 020-38250260 客服QQ：4006604884
云图客服：
用户发送的提问，这种方式就需要有位在线客服来回答用户的问题，这种 就属于对话式的,问题是这种提问是否需要用户登录才能提问
Video Player
×
Audio Player
×
pdf Player
×
