HTML5/CSS3/JavaScript技术大全PDF电子书下载

第1章 概述 1

1.1 HTML 1

1.1.1 HTML概述 1

1.1.2 HTML的发展历史 1

1.1.3 HTML 5的特点 2

1.1.4 XML 3

1.1.5 XHTML 3

1.2 CSS 3

1.2.1 CSS概述 3

1.2.2 CSS的发展历史 4

1.2.3 CSS的优点 4

1.3 JavaScript 4

1.3.1 JavaScript概述 5

1.3.2 JavaScript的发展历史 5

1.3.3 客户端JavaScript 5

1.3.4 JavaScript与Java的区别 5

1.4 W3C 6

1.5 开发工具 6

1.6 本书使用的浏览器 6

第2章 HTML基本结构 8

2.1 第1个HTML文档 8

2.1.1 创建第1个HTML文档 8

2.1.2 标签和元素 9

2.1.3 HTML文档的结构 10

2.2 〈！DOCTYPE〉和〈html〉 10

2.2.1 严格版本（Strict）DTD 10

2.2.2 过渡版本（Transitional）DTD 11

2.2.3 框架（Frameset）DTD 11

2.2.4 HTML5中的〈！DOCTYPE〉 11

2.2.5 〈html〉标签 11

2.3 全局属性 11

2.4 头部标签〈head〉 12

2.4.1 标题标签〈title〉 12

2.4.2 元信息标签〈meta〉 13

2.4.3 基准网址标签〈base〉 18

2.4.4 基准文字标签〈basefont〉 18

2.4.5 〈style〉标签 19

2.4.6 〈link〉标签 19

2.4.7 〈script〉标签 20

2.5 主体标签〈body〉 20

2.5.1 网页背景颜色 21

2.5.2 网页背景图片 21

2.5.3 网页文字颜色 22

2.5.4 超级链接颜色 22

2.6 注释〈！--.--〉 23

2.7 HTML代码书写规范 24

第3章 文字/段落/列表 25

3.1 段落设置 25

3.1.1 段落标签〈p〉④⑤ 25

3.1.2 换行标签〈br/〉④⑤ 26

3.1.3 不换行标签〈nobr〉④ 26

3.1.4 预格式化标签〈pre〉④⑤ 27

3.1.5 居中标签〈center〉④ 28

3.1.6 标签〈q〉和〈blockquote〉④⑤ 28

3.1.7 早期标签〈plaintext〉和〈xmp〉 29

3.1.8 〈span〉标签④⑤ 30

3.2 水平线 30

3.2.1 插入水平线标签〈hr〉④⑤ 30

3.2.2 水平线属性④ 30

3.3 字体标签〈font〉 31

3.3.1 字体属性face④ 31

3.3.2 字号属性size④ 32

3.3.3 颜色属性color④ 32

3.3.4 〈basefont〉标签④ 33

3.4 文字内容 33

3.4.1 普通文本④⑤ 33

3.4.2 输出空格④⑤ 33

3.4.3 特殊字符④⑤ 34

3.5 标题字 35

3.5.1 标题字标签〈hn〉④⑤ 35

3.5.2 标题字对齐属性④ 36

3.6 文本格式化 36

3.6.1 〈b〉和〈strong〉标签④⑤ 36

3.6.2 斜体标签④⑤ 37

3.6.3 〈u〉标签④ 37

3.6.4 〈sup〉和〈sub〉④⑤ 38

3.6.5 删除线标签④⑤ 38

3.6.6 〈ins〉标签④⑤ 39

3.6.7 〈big〉和〈small〉标签④⑤ 39

3.6.8 〈address〉标签④⑤ 40

3.6.9 〈tt〉和〈kbd〉标签④⑤ 40

3.6.10 〈code〉和〈samp〉标签④⑤ 40

3.6.11 〈var〉标签④⑤ 41

3.6.12 〈abbr〉和〈acronym〉标签④⑤ 42

3.6.13 〈dfn〉标签④⑤ 42

3.7 使用列表 43

3.7.1 有序列表标签〈ol〉④⑤ 43

3.7.2 有序列表类型④⑤ 44

3.7.3 有序列表起始值④⑤ 44

3.7.4 倒序排列列表⑤ 45

3.7.5 设置列表项序号④⑤ 45

3.7.6 无序列表〈ul〉④⑤ 46

3.7.7 无序列表类型④ 47

3.7.8 目录列表标签〈dir〉④ 47

3.7.9 定义列表标签〈dl〉④⑤ 48

3.7.10 菜单列表标签〈menu〉④⑤ 49

3.7.11 〈bdo〉标签④⑤ 49

3.8 HTML5新增标签 50

3.8.1 〈ruby〉〈rp〉〈rt〉标签⑤ 50

3.8.2 〈mark〉标签⑤ 51

3.8.3 〈time〉标签⑤ 51

3.8.4 〈figure〉标签⑤ 52

3.8.5 〈figcaption〉标签⑤ 53

3.8.6 〈details〉和〈summary〉标签 53

3.8.7 HTML5标签使用误区 54

第4章 超级链接 55

4.1 超级链接基础 55

4.1.1 物理路径和虚拟路径 55

4.1.2 绝对路径和相对路径 55

4.1.3 超级链接标签〈a〉④⑤ 56

4.2 内部链接 56

4.2.1 href属性④⑤ 56

4.2.2 target属性④⑤ 57

4.2.3 media属性⑤ 58

4.2.4 type属性 59

4.2.5 rel属性 59

4.3 锚点链接 60

4.3.1 同一文档中的锚点链接④ 60

4.3.2 链接到其他文档的锚点④ 61

4.4 外部链接 62

4.4.1 链接到外部网站④⑤ 62

4.4.2 电子邮件链接④⑤ 62

4.4.3 链接FTP④⑤ 63

4.5 其他应用 64

4.5.1 下载文件链接 64

4.5.2 调用JavaScript 64

4.5.3 设定空链接 65

4.5.4 基准网址 65

4.5.5 父路径和根路径 66

第5章 图像 68

5.1 图像的格式 68

5.1.1 GIF格式 68

5.1.2 JPEG格式 68

5.1.3 PNG格式 68

5.2 插入图像 68

5.2.1 插入图像标签〈img〉④⑤ 68

5.2.2 图像必选属性④⑤ 69

5.2.3 height和width属性④⑤ 70

5.2.4 border属性④ 70

5.2.5 图像文字排列④ 71

5.2.6 垂直边距/水平间距④ 72

5.3 图像的超级链接 73

5.4 图像热区链接 73

5.4.1 〈map〉标签 73

5.4.2 〈area〉标签 74

5.5 图像列表 75

5.5.1 〈ul〉标签显示图像 75

5.5.2 〈dl〉标签显示图像 75

第6章 表格 77

6.1 创建表格 77

6.1.1 表格的基本构成④⑤ 77

6.1.2 表格的常用属性④⑤ 78

6.2 〈caption〉、〈th〉标签 78

6.2.1 表格标题〈caption〉④⑤ 79

6.2.2 表格表头〈th〉④⑤ 79

6.3 表格的基本属性 80

6.3.1 设置表格边框④ 80

6.3.2 设置表格边框颜色④ 81

6.3.3 单元格间距设置④ 81

6.3.4 表格内容与边框的间距④ 82

6.3.5 表格背景颜色④ 82

6.3.6 表格背景图像④ 83

6.3.7 表格的宽度和高度④ 83

6.3.8 表格对齐方式④ 84

6.3.9 fiame属性④ 84

6.3.10 rules属性④ 85

6.4 表格行列设置 85

6.4.1 行背景颜色/图像④ 85

6.4.2 行边框颜色④ 86

6.4.3 行水平对齐方式④ 87

6.4.4 行垂直对齐方式④ 87

6.4.5 行高控制④ 88

6.4.6 〈col〉标签 89

6.4.7 〈colgroup〉标签 90

6.5 单元格属性 91

6.5.1 单元格大小④ 91

6.5.2 单元格水平跨度④⑤ 92

6.5.3 单元格垂直跨度⑤⑤ 93

6.5.4 对齐方式④⑤ 93

6.5.5 单元格的背景颜色④ 94

6.5.6 单元格的边框颜色 95

6.6 表格的结构 95

6.6.1 表格头部标签〈thead〉④ 95

6.6.2 表格主体标签〈tbody〉④ 96

6.6.3 表格表尾标签〈tfoot〉④ 96

6.6.4 应用实例 96

6.7 表格中的数据 97

6.7.1 表格中插入复杂数据 97

6.7.2 嵌套表格 98

第7章 框架 100

7.1 框架的概念 100

7.2 框架标签 100

7.2.1 水平分割窗口④ 101

7.2.2 垂直分割窗口④ 102

7.2.3 嵌套分割窗口④ 102

7.2.4 〈noframes〉标签④ 103

7.3 设置窗口属性 104

7.3.1 框架源文件 104

7.3.2 框架名称name④ 104

7.3.3 禁止调整框架大小④ 105

7.3.4 设定框架的边框④ 105

7.3.5 边框与页面内容边距 106

7.3.6 控制框架滚动条 106

7.3.7 框架实现导航④ 107

7.4 内联框架〈iframe〉 107

7.4.1 页面源文件④⑤ 108

7.4.2 内联框架的宽度和高度④ 108

7.4.3 内联框架的对齐方式④ 109

7.4.4 边框显示④ 109

7.4.5 其他属性 109

第8章 HTML表单 110

8.1 表单标签 110

8.1.1 表单处理文件action④⑤ 110

8.1.2 表单提交方法method④⑤ 111

8.1.3 编码方式enctype 111

8.1.4 name属性和target属性 112

8.1.5 HTML5新增属性 112

8.2 表单标签〈input〉 112

8.2.1 提交按钮submit④⑤ 114

8.2.2 重置按钮reset④⑤ 116

8.2.3 文本框text④⑤ 117

8.2.4 密码域password④⑤ 119

8.2.5 单选按钮radio 119

8.2.6 复选框checkbox 120

8.2.7 普通按钮button 121

8.2.8 图像提交按钮image 121

8.2.9 隐藏域hidden④⑤ 122

8.2.10 文件域file④⑤ 122

8.3 HTML5新增〈input〉类型 123

8.3.1 颜色选择器⑤ 123

8.3.2 时间日期选择器⑤ 124

8.3.3 email字段⑤ 125

8.3.4 number字段⑤ 126

8.3.5 range字段⑤ 127

8.3.6 search字段 127

8.3.7 tel字段 128

8.3.8 url字段 128

8.4 下拉框、列表框、多行文本域 129

8.4.1 下拉框④⑤ 129

8.4.2 列表框 130

8.4.3 多行文本域④⑤ 131

8.4.4 〈button〉标签④⑤ 132

8.5 HTML5新增表单标签 133

8.5.1 〈datalist〉标签⑤ 133

8.5.2 〈keygen〉标签⑤ 134

8.5.3 〈output〉标签⑤ 134

第9章 多媒体 136

9.1 滚动效果 136

9.1.1 滚动标签 136

9.1.2 滚动方向 136

9.1.3 滚动方式 137

9.1.4 滚动速度 137

9.1.5 循环滚动 138

9.1.6 其他属性 138

9.2 进度条〈progress〉 139

9.3 〈embed〉标签 140

9.3.1 插入Flash动画⑤ 141

9.3.2 插入音频⑤ 141

9.3.3 插入视频⑤ 142

9.4 设置背景音乐 142

9.5 对象标签〈object〉 143

9.5.1 插入Flash文件④ 143

9.5.2 插入音频文件 146

9.5.3 插入视频文件 147

9.5.4 插入FLV文件 148

9.6 〈audio〉标签（HTML5） 149

9.7 〈video〉标签（HTML5） 150

9.8 〈track〉标签 151

第10章 HTML5布局 153

10.1 〈div〉标签 153

10.2 HTML5中的新增布局标签 154

10.2.1 〈header〉标签⑤ 155

10.2.2 〈nav〉标签⑤ 155

10.2.3 〈section〉标签⑤ 156

10.2.4 〈article〉标签⑤ 156

10.2.5 〈hgroup〉标签⑤ 157

10.2.6 〈aside〉标签⑤ 158

10.2.7 〈footer〉标签⑤ 158

第11章 CSS学习第一步 160

11.1 CSS基础 160

11.1.1 创建第1个CSS 160

11.1.2 CSS的基本语法 161

11.1.3 内联样式 162

11.1.4 内部样式表① 162

11.1.5 外部样式表① 163

11.1.6 样式优先级 166

11.1.7 样式表的层叠性 166

11.1.8 CSS注释① 168

11.2 常用选择器 168

11.2.1 E选择器 168

11.2.2 class类选择器 168

11.2.3 ID选择器 169

11.2.4 包含选择器 171

11.2.5 通配选择器（＊） 171

11.2.6 选择器组 172

11.2.7 选择器的优先权 172

11.3 CSS中的常用单位 174

11.3.1 百分比单位 174

11.3.2 数字 174

11.3.3 长度单位①③ 174

11.3.4 角度单位③ 175

11.3.5 时间单位③ 175

11.3.6 频率单位③ 175

11.3.7 特殊布局单位③ 175

11.4 颜色取值 175

11.4.1 HEX① 175

11.4.2 英文单词名称① 176

11.4.3 RGB② 177

11.4.4 RGBA③ 178

11.4.5 HSL③ 178

11.4.6 HSLA 179

11.4.7 transparent③ 179

11.5 URL取值 180

第12章 文字样式 181

12.1 字体属性 181

12.1.1 文字颜色① 181

12.1.2 字体名称① 182

12.1.3 字体样式① 183

12.1.4 字体变体① 184

12.1.5 字体粗细① 184

12.1.6 字体大小① 185

12.1.7 字体属性font① 186

12.1.8 @font-face属性② 187

12.1.9 font-stretch属性③ 188

12.2 文本属性 188

12.2.1 单词间距① 189

12.2.2 字符间距① 189

12.2.3 行距① 190

12.2.4 文本水平对齐① 191

12.2.5 文本垂直对齐① 191

12.2.6 文本缩进① 192

12.2.7 字符转换① 193

12.2.8 文本方向① 194

12.2.9 文本格式化处理① 194

12.2.10 溢出省略③ 195

12.2.11 文本换行③ 196

12.2.12 文本阴影③ 196

12.2.13 文本修饰text-decoration① 197

12.2.14 text-decoration-line属性③ 198

12.2.15 文字修饰类型③ 198

12.2.16 文字修饰线条颜色③ 198

12.2.17 text-decoration属性③ 198

12.2.18 文字填充颜色③ 199

12.2.19 文字描边宽度③ 199

12.2.20 文字描边颜色③ 200

12.2.21 文字描边③ 200

12.2.22 制表符长度③ 201

第13章 定位布局 202

13.1 尺寸属性 202

13.1.1 width属性① 202

13.1.2 height属性① 202

13.1.3 min-width和max-width② 203

13.1.4 min-height和max-height② 204

13.2 盒模型（Box model） 204

13.2.1 盒模型设计 205

13.2.2 盒模型的宽和高 206

13.2.3 早期IE盒模型的宽和高 207

13.2.4 块元素和内联元素 207

13.3 定位属性 209

13.3.1 定位属性概述 209

13.3.2 position属性② 209

13.3.3 top属性② 210

13.3.4 right属性② 210

13.3.5 bottom属性② 210

13.3.6 left属性② 210

13.3.7 z-index属性② 210

13.3.8 对象定位实例 210

13.4 布局属性 213

13.4.1 display属性① 214

13.4.2 float属性① 217

13.4.3 clear属性① 218

13.4.4 visibility属性② 219

13.4.5 clip属性② 220

13.4.6 overflow属性②③ 221

第14章 边框/边距/用户界面 223

14.1 边框（border） 223

14.1.1 边框宽度① 223

14.1.2 边框样式① 224

14.1.3 边框颜色① 226

14.1.4 border属性① 227

14.1.5 边框圆角③ 227

14.1.6 边框背景图像③ 229

14.1.7 多彩边框③ 231

14.1.8 对象阴影③ 232

14.2 内边距（padding） 233

14.3 外边距（margin） 234

14.4 用户界面模型 235

14.4.1 outline-style属性② 236

14.4.2 outline-width属性② 236

14.4.3 outline-color属性② 237

14.4.4 outline属性② 237

14.4.5 outline-offset属性③ 238

14.4.6 resize属性③ 238

14.4.7 cursor光标② 239

14.4.8 box-sizing属性③ 240

14.4.9 ime-mode属性③ 241

14.4.10 nav属性③ 241

第15章 背景和图像 243

15.1 背景 243

15.1.1 背景颜色① 243

15.1.2 背景图像①③ 244

15.1.3 背景图像填充方式① 245

15.1.4 背景图像起始位置③ 246

15.1.5 背景图像固定方式③ 247

15.1.6 背景图像大小③ 248

15.1.7 参考原点③ 249

15.1.8 背景图像裁剪③ 250

15.1.9 background属性 251

15.2 图像函数 251

15.2.1 线性渐变图像③ 252

15.2.2 重复线性渐变图像③ 253

15.2.3 径向渐变图像③ 253

15.2.4 重复径向渐变图像③ 254

第16章 列表/表格/链接 255

16.1 列表样式 255

16.1.1 list-style-type属性① 255

16.1.2 list-style-image属性① 257

16.1.3 list-style-position属性① 258

16.2 表格样式 259

16.2.1 border-collapse属性② 259

16.2.2 border-spacing属性② 260

16.2.3 caption-side属性② 261

16.2.4 empty-cells属性② 262

16.2.5 table-layout属性 262

16.3 超级链接样式 263

16.3.1 伪类选择器 263

16.3.2 E:link选择器① 264

16.3.3 E:visited选择器① 264

16.3.4 E:hover选择器① 265

16.3.5 E:active选择器① 265

第17章 过渡与动画 267

17.1 过渡（transition） 267

17.1.1 transition-property属性③ 267

17.1.2 transition-duration属性③ 268

17.1.3 transition-timing-function属性③ 269

17.1.4 transition-delay属性③ 270

17.1.5 transition属性③ 271

17.2 变换（transform） 271

17.2.1 transform属性③ 272

17.2.2 transform-Origin属性③ 274

17.2.3 综合应用 275

17.3 动画（animation） 275

17.3.1 @keyframes关键字 276

17.3.2 animation-name属性③ 276

17.3.3 animation-duration属性③ 277

17.3.4 animation-timing-function属性③ 278

17.3.5 animation-delay属性③ 278

17.3.6 animation-iteration-count属性③ 279

17.3.7 animation-play-state属性③ 280

17.3.8 animation-fill-mode属性③ 280

17.3.9 animation-direction属性③ 281

17.3.10 animation属性③ 282

第18章 多栏与弹性盒模型 284

18.1 多栏 284

18.1.1 column-count属性③ 284

18.1.2 column-width属性③ 284

18.1.3 columns属性③ 284

18.1.4 column-gap属性③ 285

18.1.5 column-rule-style属性③ 286

18.1.6 column-rule-width属性③ 286

18.1.7 column-rule-color属性③ 287

18.1.8 column-rule属性③ 287

18.1.9 column-span属性③ 287

18.1.10 break-before属性③ 288

18.1.11 break-after属性③ 288

18.1.12 break-inside属性③ 289

18.1.13 column-fill属性③ 290

18.2 弹性盒模型 290

18.2.1 box-flex属性③ 290

18.2.2 box-flex-group属性③ 291

18.2.3 box-orient属性③ 292

18.2.4 box-lines属性③ 293

18.2.5 box-direction属性③ 294

18.2.6 box-ordinal-group属性③ 294

18.2.7 box-align属性③ 295

18.2.8 box-pack属性③ 296

18.2.9 box-reflect属性③ 297

第19章 选择器 299

19.1 关系选择器 299

19.1.1 E F选择器② 299

19.1.2 E＞F选择器② 300

19.1.3 E＋F选择器② 300

19.1.4 E～F选择器③ 301

19.2 属性选择器 302

19.2.1 E［foo］选择器② 302

19.2.2 E［foo＝"bar"］选择器② 302

19.2.3 E［foo～＝"bar"］选择器② 303

19.2.4 E［foo^＝"bar"］选择器③ 304

19.2.5 E［foo$＝"bar"］选择器③ 304

19.2.6 E［foo＊＝"bar"］选择器③ 305

19.2.7 E［foo|＝"bar"］选择器② 305

19.3 伪类选择器 306

19.3.1 E:focus选择器① 306

19.3.2 E:lang（c）选择器② 307

19.3.3 E:not（s）选择器③ 307

19.3.4 E:root选择器③ 308

19.3.5 E:first-child选择器② 308

19.3.6 E:last-child选择器③ 309

19.3.7 E:only-child选择器③ 309

19.3.8 E:nth-child（n）选择器③ 310

19.3.9 E:nth-1ast-child（n）选择器③ 310

19.3.10 E:first-of-type选择器③ 311

19.3.11 E:last-of-type选择器③ 311

19.3.12 E:only-of-type选择器③ 312

19.3.13 E:nth-of-type（n）选择器③ 312

19.3.14 E:nth-last-of-type（n）选择器③ 313

19.3.15 E:empty选择器③ 313

19.3.16 E:checked选择器③ 314

19.3.17 E:enabled选择器③ 315

19.3.18 E:disabled选择器③ 315

19.3.19 E:target选择器③ 316

19.4 伪元素选择器 316

19.4.1 E::first-letter选择器① 317

19.4.2 E::first-line选择器① 317

19.4.3 E:before/E::before选择器② 318

19.4.4 E:after/E::after选择器② 318

19.4.5 E::selection选择器③ 319

19.5 内容生成 319

19.5.1 content属性② 319

19.5.2 counter-increment属性② 320

19.5.3 counter-reset属性② 320

19.5.4 quotes属性 321

19.5.5 counter函数② 321

第20章 JavaScript基础 323

20.1 HTML和JavaScript 323

20.1.1 使用〈script〉标签 323

20.1.2 第1个JavaScript程序 323

20.1.3 隐藏JavaScript代码 324

20.1.4 〈head〉标签放置脚本 324

20.1.5 〈body〉标签放置脚本 325

20.1.6 HTML之外放置脚本 325

20.1.7 HTML中插入多段脚本 325

20.1.8 在元素内部嵌入JavaScript 326

20.2 引用外部JavaScript文件 326

20.2.1 创建外部JavaScript文件 327

20.2.2 调用外部JS文件 327

20.3 脚本执行顺序 327

20.3.1 文档载入时执行 327

20.3.2 文档载入后执行 328

20.3.3 响应事件执行 329

20.3.4 函数调用执行 329

20.4 语法结构 329

20.4.1 字符集 329

20.4.2 大小写的敏感性 329

20.4.3 空白符和换行符 329

20.4.4 可选的分号 330

20.4.5 保留字 330

20.4.6 添加注释 330

20.5 变量 331

20.5.1 变量的声明 331

20.5.2 变量的命名规则 331

20.5.3 未定义变量 332

20.5.4 变量的访问 332

20.5.5 变量的作用域 332

20.6 数据类型 333

20.6.1 基本数据类型 333

20.6.2 typeof运算符 336

20.6.3 类型转换 336

20.7 运算符 342

20.7.1 算术运算符 342

20.7.2 赋值运算符 344

20.7.3 关系运算符 345

20.7.4 逻辑运算符 345

20.7.5 运算符优先级 346

20.7.6 ？：运算符 347

第21章 JavaScript语言进阶 348

21.1 条件语句 348

21.1.1 if语句 348

21.1.2 if...else语句 348

21.1.3 if...else if...else语句 349

21.1.4 if与if...else语句的嵌套 350

21.1.5 switch...case语句 351

21.2 循环语句 352

21.2.1 while语句 352

21.2.2 do...while语句 353

21.2.3 for语句 354

21.3 跳转语句 355

21.3.1 break语句 355

21.3.2 continue语句 355

21.4 函数（方法） 356

21.4.1 函数的结构 356

21.4.2 函数参数应用 357

21.4.3 返回值应用 358

21.4.4 函数相互调用 358

21.4.5 变量的作用域 359

21.4.6 函数的嵌套 360

第22章 JavaScript本地对象 362

22.1 对象的类型 362

22.2 Object对象 362

22.2.1 Object对象的创建 362

22.2.2 Object对象的属性 363

22.2.3 Object对象的方法 363

22.3 数组对象 366

22.3.1 数组的创建 366

22.3.2 数组赋值 367

22.3.3 初始化数组 367

22.3.4 修改数组成员的值 368

22.3.5 不同类型的值 368

22.3.6 动态数组大小 368

22.3.7 join（）方法 369

22.3.8 shift（）和unshift（）方法 369

22.3.9 pop（）和push（）方法 370

22.3.10 sort（）方法 371

22.3.11 reverse（）方法 372

22.3.12 slice（）方法 372

22.3.13 splice（）方法 373

22.3.14 concat（）方法 373

22.4 字符串对象 374

22.4.1 创建string对象 375

22.4.2 调用字符串对象的属性和方法 375

22.4.3 查找类方法 375

22.4.4 操作类方法 377

22.4.5 大小写转换方法 378

22.4.6 HTML标签类方法 379

22.5 日期对象 380

22.5.1 创建日期对象 381

22.5.2 日期对象常用方法 381

22.6 Number对象 382

22.6.1 Number对象的创建 382

22.6.2 Number对象的属性 382

22.6.3 Number对象的方法 383

22.7 Boolean对象 384

22.7.1 Boolean对象的创建 384

22.7.2 Boolean对象的属性和方法 384

22.8 Math对象 385

22.8.1 Math对象的属性 385

22.8.2 Math对象的方法 385

22.9 Global对象 386

22.9.1 Global对象的属性 386

22.9.2 Global对象的方法 387

第23章 Window对象 390

23.1 Window对象概述 390

23.2 Window对象属性 390

23.2.1 closed属性 390

23.2.2 status和defaultstatus属性 391

23.2.3 opener属性 391

23.2.4 name属性 392

23.2.5 self属性和window属性 392

23.2.6 top属性 393

23.3 Window对象方法 393

23.3.1 open（）方法 394

23.3.2 close（）方法 395

23.3.3 alert（）方法 395

23.3.4 confirm（）方法 396

23.3.5 prompt（）方法 396

23.3.6 moveTo（）方法 397

23.3.7 moveBy（）方法 398

23.3.8 resizeTo（）和resizeBy（）方法 399

23.3.9 focus（）方法 400

23.3.10 blur（）方法 400

23.3.11 scrollBy（）方法 400

23.3.12 scrollTo（） 401

23.3.13 setInterval（）方法 401

23.3.14 clearInterval（）方法 402

23.3.15 setTimeout（）方法 402

23.3.16 clearTimeout（）方法 403

23.4 Window的子对象 403

23.4.1 Document对象 404

23.4.2 Location对象 411

23.4.3 History对象 415

23.4.4 Navigator对象 416

24.4.5 Screen对象 419

第24章 DOM（文档对象模型） 420

24.1 DOM基础 420

24.2 HTML DOM 420

24.2.1 HTML DOM标准属性 420

24.2.2 HTMLDOM常用对象 421

第25章 JavaScript事件 441

25.1 事件流 441

25.1.1 冒泡型事件流 441

25.1.2 捕获型事件流 443

25.1.3 DOM事件流 443

25.2 事件监听方法 443

25.2.1 IE 443

25.2.2 DOM 444

25.3 Event对象 445

25.3.1 Window对象事件句柄 445

25.3.2 表单对象事件句柄 450

25.3.3 键盘对象事件句柄 453

25.3.4 鼠标对象事件句柄 456

25.3.5 媒介对象事件句柄 460

25.3.6 鼠标和键盘属性 460

25.3.7 Event对象标准属性 465

25.3.8 Event对象标准方法 470

第26章 HTML5 canvas 472

26.1 添加、访问canvas元素 472

26.1.1 〈canvas〉标签 472

26.1.2 访问canvas元素 473

26.1.3 getContext（）方法 473

26.2 绘制路径 474

26.2.1 canvas坐标系统 474

26.2.2 使用路径 474

26.2.3 绘制直线 475

26.2.4 绘制圆弧 476

26.2.5 绘制贝塞尔曲线 478

26.2.6 三次贝塞尔曲线 478

26.2.7 矩形路径 479

26.2.8 绘制文字 480

26.3 绘制矩形 480

26.3.1 删除矩形图形 480

26.3.2 填充矩形 481

26.3.3 绘制矩形边框 481

26.4 图像 482

26.5 风格属性 483

26.5.1 路径轮廓 483

26.5.2 路径填充 484

26.5.3 线段端点 484

26.5.4 线段连接 485

26.5.5 miterLimit属性 486

26.5.6 线条宽度 487

26.5.7 透明度 487

26.5.8 字体属性 488

26.6 常用对象 489

26.6.1 颜色渐变对象 489

26.6.2 线性颜色渐变 489

26.6.3 径向颜色渐变 490

26.6.4 贴图模式对象 491

26.7 图形阴影 492

26.7.1 shadowBlur属性 492

26.7.2 shadowColor属性 492

26.7.3 shadowOffsetX属性 492

26.7.4 shadowOffsetY属性 492

26.8 状态保存与恢复 493

26.8.1 保存状态 493

26.8.2 恢复状态 493

26.9 组合 494

26.9.1 层叠属性 494

26.9.2 裁剪路径 494

26.10 坐标变换 495

26.10.1 translate（）方法 495

26.10.2 scale（）方法 496

26.10.3 rotate（）方法 497

第27章 HTML5高级编程 498

27.1 HTML拖放 498

27.1.1 设置元素拖放属性 498

27.1.2 拖放事件句柄 498

27.1.3 拖放事件顺序 499

27.1.4 dataTransfer对象 499

27.2 拖放实例 503

27.2.1 拖放事件流 503

27.2.2 拖放一幅图像 504

27.3 客户端数据存储 505

27.3.1 Web Storage 505

27.3.2 Web SQL Database 506

27.3.3 Offline Storage 506

27.4 本地存储 506

27.4.1 本地存储API 506

27.4.2 本地存储应用 507

27.4.3 事件监听 509

27.5 会话存储 511

27.6 Web SQL Database存储 512

27.7 Offline Storage存储 512

27.7.1 manifest文件 512

27.7.2 缓存更新 514

27.7.3 检测是否在线 514

27.8 视频控制 515

27.8.1 获取和创建Video对象 515

27.8.2 Video对象 515

27.8.3 应用实例 516