JavaScript征途PDF电子书下载

第1篇 壮志从戎 3

第1章 与初学者谈谈JavaScript学习 3

1.1 学之初，你应该清楚的几个概念 3

1.1.1 B/S和C/S 3

1.1.2 RWC和RIA 4

1.1.3 结构、行为和表现 4

1.2 审视JavaScript语言特性 5

1.2.1 JavaScript是一门灵活的脚本语言 5

1．过程化设计 6

2．定义原型方法 6

3．封装原型方法 6

4．造车不如设计标准 7

5．方法接龙 7

6．实例体验 8

1.2.2 JavaScript是基于对象的语言 8

1．万物皆为对象 8

2．奇怪的指针 9

3．灵活的用法 9

1.2.3 JavaScript是函数式语言 10

1．八面玲珑的函数 10

2．函数的作用域 11

3．奇怪的函数闭包 11

4．函数的上下文对象 11

1.3 JavaScript语言风云录 12

1.3.1 JavaScript寻根 12

1.3.2 三国志——JavaScript、JScript和ECMAScript 13

1.3.3 一个好汉三个帮——客户端的JavaScript实现 14

1．DOM 15

2．BOM 15

1.3.4 春秋五霸——令人生畏的浏览器混战和兼容 16

1．Mozilla 16

2．IE 16

3．Safari 17

4．Opera 17

5．Chrome 17

6．浏览器兼容方法 17

1.4 JavaScript运行环境 18

1.4.1 宿主环境 18

1.4.2 执行期环境 19

1.5 JavaScript解析机制 19

1.5.1 预编译 19

1.5.2 执行期 22

1.6 JavaScript执行顺序 23

1.6.1 按HTML文档流顺序执行JavaScript代码 23

1.6.2 预编译与执行顺序的关系 24

1.6.3 按块执行JavaScript代码 25

1.6.4 借助事件机制改变JavaScript执行顺序 26

1.6.5 JavaScript输出脚本的执行顺序 26

1.7 JavaScript应用范围 29

1.7.1 客户端的JavaScript 29

1.7.2 服务器端的JavaScript 30

1.7.3 其他环境的JavaScript 30

1.8 JavaScript开发工具箱 30

1.8.1 关于Web浏览器 30

1.8.2 关于JavaScript编辑器 31

1.8.3 关于JavaScript测试和调试工具 31

1．浏览器的错误控制平台 31

2．Firebug 33

3．HttpWatch 33

4．Web Developer Toolbar 34

5．JavaScript Debuger 34

第2章 Hello，World——JavaScript开发初体验 35

2.1 杨辉三角——第一个JavaScript程序 35

2.1.1 万物皆有规律——问题分析 37

2.1.2 递归算法设计 38

2.1.3 优化算法设计 39

2.1.4 输出杨辉三角 39

2.2 在网页中嵌入JavaScript脚本 40

2.2.1 使用script元素嵌入脚本 40

1．设置脚本类型 41

2．导入外部脚本文件 41

3．设置脚本的字符编码 42

4．设置脚本延迟执行 42

5．设置脚本在服务器端执行 42

2.2.2 探析外部脚本文件 42

1．导入外部脚本文件 43

2．何时使用外部JavaScript脚本文件 44

2.2.3 注意JavaScript脚本文件的关联性 44

2.2.4 使用接口技术解决JavaScript文件冲突 45

2.2.5 JavaScript文件与CSS文件导入和执行冲突 46

2.2.6 ＜script＞标签在文档中的位置 48

2.2.7 杞人忧天——隐藏JavaScript脚本 49

2.2.8 关注细节——使用noscript元素 49

2.3 纠正编码习惯 50

2.3.1 JavaScript编码基本规范 51

1．JavaScript文件规范 51

2．代码缩进 51

3．代码长度 51

4．代码注释 51

5．变量声明 52

6．函数声明 52

7．标识符命名 52

8．语句 53

9．标签 53

2.3.2 思路梳理器——写好注释 53

1．单行注释 53

2．多行注释 54

2.3.3 留白的艺术——格式化代码 55

1．使用空行分隔代码块 55

2．空格是代码稀释剂 55

3．嵌套与缩进 55

4．换行缩进 56

5．大括号的位置 56

6．空结构的格式 56

7．单句结构的格式 56

2.4 程序调试 57

2.4.1 简单的手工调试 57

2.4.2 使用1st JavaScript Editor调试器进行调试 58

1．逐步调试 59

2．断点 60

3．观察 60

2.4.3 使用Microsoft Script Debugger进行调试 61

2.4.4 异常处理 63

1．异常处理的基本结构 64

2．异常处理中的兼容问题 64

3．打扫战场 66

第2篇 沙场秋点兵 69

第3章 运筹帷幄——俯瞰JavaScript语法体系 69

3.1 JavaScript语言词法基础 69

3.1.1 从字符编码开始接触JavaScript语言 70

3.1.2 认识JavaScript的实词和虚词概念 71

3.1.3 对大小写比较敏感的实词 72

3.1.4 实词类型 73

1．标识符 73

2．直接量 74

3．保留字 74

3.1.5 虚词类型 74

1．无意义的分隔符 75

2．有意义的分隔符 75

3．注释 76

3.2 JavaScript语言句法基础 77

3.2.1 认识句法三要素：词、句和段 77

1．段落 77

2．句子 78

3．词语 78

3.2.2 点号——逻辑域定位符 79

3.2.3 逗号——连续运算符 80

3.2.4 分号——语句分隔符 81

3.2.5 冒号——逻辑声明符 82

3.2.6 大括号——逻辑域分隔符 82

3.2.7 中括号——有序列表分隔符 84

3.2.8 小括号——强制运算符或逻辑分隔符 85

第4章 JavaScript血液系统——数据、数据类型和变量 89

4.1 从数据到类型 89

4.1.1 数据的本质 89

4.1.2 柔弱的JavaScript语言 90

4.1.3 JavaScript的基本数据类型 91

4.1.4 数之源——值类型和引用类型 92

4.1.5 原始值和引用值的操作本质 93

1．使用原始值 93

2．使用引用值 94

4.2 值类型数据 96

4.2.1 线性思维的符号——数值 96

1．数值直接量 96

2．八进制和十六进制数值 97

3．数值运算 97

4．特殊数值 98

4.2.2 形象思维的颜料——字符串 99

1．字符串直接量 99

2．转义序列 100

3．字符串操作 100

4.2.3 逻辑思维的卵细胞——布尔型 101

4.2.4 空无道人——null 101

4.2.5 人之初——undefined 102

4.3 引用类型数据 103

4.3.1 有序数据结构——数组 104

1．数组意象 104

2．第一次接触数组 105

4.3.2 离散数据结构——对象 105

1．对象意象 106

2．第一次接触对象 106

4.3.3 魔兽数据——函数 108

1．函数意象 108

2．大话函数演绎之路 108

3．探究奇特的函数解析机制 110

4.4 数据类型检测和转换 112

4.4.1 数据类型检测 113

1．使用typeof运算符 113

2．使用constructor属性 113

3．框架窗口的数组类型问题 114

4．设计更安全的数据类型检测方法 115

4.4.2 值类型数据的自动转换 117

4.4.3 引用型数据的自动转换 118

1．对象在逻辑运算环境中的特殊情况 118

2．对象在数值运算环境中的特殊情况 118

3．数组在数值运算环境中的特殊情况 119

4．对象在模糊运算环境中的情况处理 119

4.4.4 把值转换为字符串 120

1．使用加号运算符 120

2．圆滑的加号运算符 122

3．使用toString（）方法 122

4．数字转换为字符串的模式问题 122

5．数字转换为字符串的位数问题 123

4.4.5 把值转换为数字 124

1．使用parseInt（）函数 124

2．使用parseFloat（）函数 125

3．使用乘号运算符 125

4.4.6 把值转换为布尔值 125

1．使用双重逻辑非运算符 125

2．使用Boolean（）构造函数转换 126

4.4.7 装箱和拆箱 126

1．从值到引用——装箱 126

2．从引用到值——拆箱 127

4.4.8 数据类型的强制转换 128

4.5 使用变量 129

4.5.1 声明变量 129

1．变量声明的方法 129

2．3种变量命名法 130

4.5.2 丑陋的JavaScript变量 131

1．陋习一：变量没有类型 131

2．陋习二：变量可以重复声明 131

3．陋习三：变量可以隐式声明 132

4．陋习四：变量的灰色潜规则 132

4.5.3 不可跨越的门槛——变量的作用域 133

1．变量优先级问题 133

2．局部作用域的嵌套 134

3．利用函数作用域实现技术封装 134

4．变量的解析过程 135

5．被JavaScript忽略的块级作用域 136

6．函数闭包的作用域 136

4.5.4 圈里圈外——属性与变量 137

1．全局变量是全局对象的属性 137

2．局部变量是调用对象的属性 138

4.5.5 变量的作用域链 138

4.5.6 变量的垃圾回收 139

第5章 JavaScript肌肉系统——运算符、表达式 141

5.1 说说运算符和表达式 141

5.1.1 语言实际上就是数据和运算的交流工具 141

5.1.2 运算符是运算的解码器 142

5.1.3 走入运算符的童话世界 143

5.1.4 领略运算符的魔法法则 144

5.1.5 运算的人性化，还是随意性 146

5.1.6 警惕运算符的副作用 147

5.1.7 表达式是运算的最小逻辑单元 148

5.1.8 优化表达式的思维品质 148

5.2 天人合一——位运算符 151

5.2.1 位运算是整数的逐位运算 151

5.2.2 探秘二进制数运算奥秘 151

5.2.3 逻辑位运算 153

5.2.4 移位运算 155

5.3 童年无忌——算术运算符 157

5.3.1 加法的特殊运算 157

5.3.2 减法的特殊运算 158

5.3.3 乘法的特殊运算 159

5.3.4 除法的特殊运算 159

5.3.5 取模的特殊运算 160

5.3.6 取反运算 160

5.3.7 心脏起搏器——递增和递减 160

5.4 离散思维——字符串运算符 161

5.5 真真假假论乾坤——逻辑运算符 161

5.5.1 逻辑与运算 162

5.5.2 逻辑或运算符 164

5.5.3 逻辑非运算符 166

5.5.4 逻辑思维训练 166

5.6 货比三家——关系运算符 168

5.6.1 大小关系检测 168

5.6.2 包含关系检测 169

5.6.3 等值关系检测 170

5.7 复制数据——赋值运算符 172

5.8 对象操作运算符 174

5.8.1 女娲造人——new运算符 174

5.8.2 垃圾回收站—delete运算符 175

5.8.3 I/O接口——存取运算符 177

1．中括号运算符 177

2．点号运算符 178

5.8.4 光盘驱动器——函数调用运算符 179

5.9 其他运算符 180

5.9.1 迷你版分支逻辑——条件运算符 180

5.9.2 期待与收获——逗号运算符 181

5.9.3 俯首甘为孺子牛——void运算符 182

5.9.4 身份验证——类型检测运算符 183

第6章 JavaScript神经骨骼系统——语句、结构 185

6.1 从表达式到语句 185

6.1.1 什么是句子 186

6.1.2 两面性——表达式、表达式语句 188

6.1.3 群居性——复合语句 189

6.1.4 形影相随——句子、结构 190

6.1.5 不被执行的——声明语句 191

6.1.6 语句占位符——空语句 193

6.2 分支结构 193

6.2.1 if语句 193

6.2.2 if结构嵌套 194

1．错误的嵌套 194

2．正确的嵌套 195

6.2.3 else if语句 195

6.2.4 预防if结构嵌套的主观性 196

6.2.5 if结构中容易躲藏的Bug 197

6.2.6 switch语句 198

6.2.7 悟透default从句用法 200

6.2.8 恰当选用if结构和switch结构 202

6.2.9 分支结构中逻辑顺序的优化 204

6.3 循环结构 205

6.3.1 while语句 205

6.3.2 do/while语句 207

6.3.3 for语句 207

6.3.4 for/in语句 209

6.3.5 灵活使用for/in结构 210

6.3.6 如何正确选用while和for结构 212

1．从语义性角度比较 212

2．从思维模式角度比较 212

3．从达成目标角度比较 214

6.3.7 优化循环结构和提高循环效率 215

1．优化结构 215

2．避免不必要的重复操作 216

3．妥善定义循环变量 216

6.4 结构的逻辑干预 216

6.4.1 有序思维的锚点——标签语句 217

6.4.2 跳出往后执行——break语句 218

6.4.3 继续重新执行——continue语句 220

6.5 逻辑异常处理 222

6.5.1 剖析异常和异常种类 222

6.5.2 知法犯法——throw语句 223

6.5.3 异常处理器——try/catch/finally语句 223

6.6 函数体结构 225

6.6.1 惰性气体——function语句 225

6.6.2 函数输出接口——return语句 227

6.7 临时作用域结构——with语句 228

第3篇 初战告捷 233

第7章 盒子里的魔术——透视JavaScript函数 233

7.1 认识函数 233

7.1.1 函数是一段代码块 234

7.1.2 函数是一类数据 234

7.1.3 函数是一种对象 234

7.2 定义JavaScript函数 235

7.2.1 克隆结构——构造函数 235

7.2.2 复杂结构的常量——函数直接量 237

7.2.3 定义嵌套函数 238

7.3 函数定义方法比较 239

7.3.1 函数作用域的比较 239

7.3.2 解析机制的比较 240

7.3.3 兼容性和灵活性比较 241

7.4 探析函数基本用法 242

7.4.1 函数返回值 242

7.4.2 调用函数 243

7.4.3 函数的生命周期 244

7.4.4 函数的作用域 245

7.5 深入函数的参数 246

7.5.1 认识函数的形参和实参 247

7.5.2 参数管理器——Arguments对象 248

7.5.3 回调函数——callee属性揭秘 249

7.5.4 Arguments对象在实践中灵活应用 250

7.6 使用函数对象 251

7.6.1 获取函数形参个数 251

7.6.2 灵敏的指针——有趣的this关键字 252

7.6.3 双刃剑——正确使用this关键字 253

7.6.4 自定义函数属性和方法 255

7.6.5 储钱罐——巧用函数的属性实现蓄能 256

7.6.6 谁的属性和方法—this与函数属性和方法的混合使用 257

7.6.7 动态调用函数——诡异的call（）和apply（）方法 258

7.6.8 更改指针——call（）和apply（）方法高级应用 260

7.7 数据寄存器——闭包函数 262

7.7.1 认识闭包 262

7.7.2 分析闭包结构的基本特性 263

1．自闭特性 263

2．包裹特性 263

7.7.3 闭包的基本应用 264

第8章 大象也有形——把握JavaScript对象 267

8.1 初识对象 267

8.1.1 什么是对象 268

8.1.2 对象是如何出生的 268

8.2 对象类型 269

8.2.1 本地对象 269

8.2.2 内置对象 270

8.2.3 宿主对象 270

8.3 对象基本操作 270

8.3.1 创建对象 271

8.3.2 引用对象 271

8.3.3 销毁对象 272

8.4 对象的属性和方法 272

8.4.1 定义对象的属性 273

8.4.2 访问对象的属性 273

8.4.3 设置和删除对象属性 274

8.4.4 对象的方法 275

8.5 对象的作用域 276

8.5.1 公共作用域 276

8.5.2 私有作用域 277

8.5.3 静态作用域 277

8.5.4 变形怪杰——作用域中的this 278

8.6 构造对象、实例对象和原型对象 279

8.6.1 构造对象 279

1．构造对象的属性 280

2．构造对象的方法 280

8.6.2 实例对象 281

1．实例对象的属性 281

2．实例对象的方法 282

8.6.3 原型对象 282

1．认识原型对象 282

2．原型属性与实例属性之间的关系 284

3．通过原型方法扩展内置对象功能 285

8.7 构造器 285

8.7.1 引用构造器——constructor属性 285

8.7.2 构造器的原型继承 286

8.7.3 根据构造器判定对象类型 287

8.8 对象基本方法和应用 287

8.8.1 对象的字符串标志——toString（）方法 288

8.8.2 对象的值——valueOf（）方法 289

8.8.3 检测私有属性——hasOwnProperty（）方法 290

8.8.4 检测枚举属性——propertyIsEnumerable（）方法 291

8.8.5 检测原型对象——isPrototypeOf（）方法 293

8.9 探析JavaScript核心对象 294

8.9.1 大象无形——Global对象 294

8.9.2 数学专家——Math对象 295

8.9.3 时间管理——Date对象 298

1．获取本地系统的当前时间 298

2．通过多选参数来创建指定的时间对象 298

3．通过一个时间格式的字符串来创建指定的时间对象 298

4．通过传递一个毫秒数来创建指定的时间对象 298

第9章 有序世界的信使——操作数组 301

9.1 透视数据集合 301

9.1.1 数据集合的类型 301

9.1.2 特殊数集——哈希表 302

9.2 定义数组 303

9.3 数组基本操作 304

9.3.1 存取数组元素 304

9.3.2 能够自由伸缩的数组 305

9.3.3 数组的大小 306

9.3.4 对象与数组 306

9.3.5 暗度陈仓——定义多维数组 308

9.4 数组方法及其应用 309

9.4.1 检索数组元素 309

9.4.2 添加和删除元素 309

1．push（）和pop（）方法 310

2．unshift（）和shift（）方法 310

3．模拟队列数据结构的操作 311

4．粘连数组的concat（）方法 311

9.4.3 子数组操作 312

1．删除和插入元素集合——splice（）方法 312

2．截取子数组——slice（）方法 313

9.4.4 数组排序 314

1．颠倒顺序——reverse（）方法 314

2．数组排序——sort（）方法 314

9.4.5 奇思妙想——更有趣的数组排序 315

1．根据奇偶性质排列数组 316

2．不区分大小写排序字符串 316

3．把浮点数和整数分开排列 317

9.4.6 数组与字符串相互转换 317

1．字符串通用转换——toString（）方法 317

2．本地字符串转换——toLocalString（）方法 318

3．更灵活的字符串转换——join（）方法 318

4．把字符串转换为数组——split（）方法 318

9.5 灵活使用数组及其方法扩展 319

9.5.1 神奇的数组下标 319

1．文本下标 319

2．二维数组下标 320

3．对象下标 321

9.5.2 扩展数组的基本方法 321

9.5.3 为数组扩展通用迭代器 322

9.5.4 利用数组迭代器扩展数组方法 324

1．动态改变数组中每个元素的值 324

2．过滤数组元素 325

第10章 变相怪杰——驾驭字符串 327

10.1 伤心字符串：使用值还是使用引用 327

10.1.1 思考是发现问题的钥匙 327

10.1.2 直击字符串操作的真相 328

10.1.3 字符串是如何进行比较的 330

10.2 创建字符串 330

10.2.1 定义字符串直接量 330

10.2.2 构造字符串 331

10.2.3 使用字符编码创建字符串 332

10.3 使用字符串 333

10.3.1 获取字符串的字符和字节长度 333

10.3.2 连接字符串 335

10.3.3 查找字符串 335

1．获取指定位置的字符——charAt（）和charCodeAt（）方法 335

2．查找子字符串的位置——indexOf（）和lastIndexOf（）方法 336

3．匹配字符串——search（）和match（）方法 337

10.3.4 截取子字符串 339

1．根据长度截取子字符串——substr（）方法 339

2．根据起止下标截取子字符串——sfice（）和substring（）方法 339

10.3.5 编辑字符串 340

1．替换子字符串——replace（）方法 340

2．字符串大小写转换 342

10.3.6 暗藏玄机——replace（）方法深层技术探讨 342

10.3.7 比较字符串 344

10.3.8 把字符串转换为数组 345

10.3.9 字符串的类型和值 346

10.3.10 格式化字符串方法 347

10.4 String对象扩展及用法 348

10.4.1 模拟VBScript字符串处理函数 348

1．截取字符串左侧指定数目的字符——left（）方法 348

2．截取字符串右侧指定数目的字符——right（）方法 349

3．清除字符串首尾的空格——trim（）方法 349

4．清除字符串左侧空格——ITrim（）方法 350

5．清除字符串右侧空格——rTrim（）方法 350

10.4.2 检测特殊字符 351

10.4.3 提高字符串连接操作效率 352

10.5 字符串加密和解密 352

10.5.1 JavaScript预定义编码和解码方法 352

1．字符串常规编码和解码——eseape（）和unescape（）方法 353

2．URI字符串编码和解码——encodeURI（）和decodeURI（）方法 353

3．URI组件编码和解码——encodeURIComponent（）和decodeURIComponent（）方法 354

10.5.2 Unicode编码 355

10.5.3 Unicode解码 355

10.5.4 自定义加密和解密方法 356

第11章 灵异的牧羊犬——使用正则表达式操纵字符串 359

11.1 第六感觉——认识正则表达式 359

11.1.1 什么是正则表达式 359

11.1.2 正则表达式的发展历史 360

11.2 定义正则表达式 361

11.2.1 使用RegExp对象构造正则表达式 361

11.2.2 定义正则表达式直接量 363

11.3 正则表达式基本语法——字符类 364

11.3.1 认识普通字符和元字符 364

11.3.2 字符直接量 364

1．用ASCII码表示 364

2．用Unicode编码表示 365

11.3.3 定义简单字符类 366

11.3.4 定义反义字符类 366

11.3.5 定义字符范围类 367

11.3.6 预定义字符类 368

11.4 正则表达式基本语法——重复类数量词 369

11.4.1 简单重复性匹配 369

11.4.2 贪婪匹配 371

1．？、｛n｝和｛n，m｝重复类 371

2．＊、＋和｛n，｝重复类 372

11.4.3 惰性匹配 372

11.4.4 支配匹配 373

11.5 高级匹配模式 374

11.5.1 分组 374

11.5.2 分组的应用价值 375

11.5.3 引用 376

11.5.4 非引用型分组 377

11.5.5 选择 378

11.5.6 声明 380

11.5.7 边界 380

11.5.8 锚记 382

11.5.9 标志 382

11.6 操作RegExp对象 383

11.6.1 实例属性 383

11.6.2 静态属性 384

11.6.3 正则表达式的方法 386

1．灵活的匹配操盘手——exec（）方法 386

2．匹配验证——test（）方法 387

11.6.4 比较各种模式匹配的方法 388

第4篇 直捣黄龙 393

第12章 BOM——探访客户的秘密 393

12.1 认识浏览器对象模型（BOM） 393

12.2 客户端全局对象——Window 395

12.2.1 全局作用域 396

12.2.2 Window对象的生命周期 396

12.2.3 人机交互——学习JavaScript第一步 397

12.2.4 控制弹出窗口 398

12.2.5 框架之间的通信 399

1．窗口不等于框架 400

2．框架之间相互访问方式 400

3．框架之间JavaScript交互 400

12.3 检测客户浏览器信息——Navigator对象 401

12.3.1 了解常用浏览器检测方法 402

1．特征检测法 402

2．字符串检测法 402

12.3.2 检测浏览器类型和版本 403

12.3.3 检测客户端操作系统 404

12.4 客户端导航——Location和History对象 405

12.4.1 全球定位仪——Location对象 405

12.4.2 浏览简史——History对象 407

1．使用JavaScript访问历史记录 407

2．使用JavaScript访问帧的历史记录 408

12.5 窗口大小控制——Screen和Window对象 408

12.5.1 屏幕大小——Screen对象 408

12.5.2 窗口大小——Window对象 409

12.6 0级文档对象模型——Document对象 410

12.6.1 认识文档对象——Document 410

12.6.2 0级文档对象模型及其读写规则 411

12.6.3 动态生成文档 412

第13章 DOM——控制文档结构的模型 415

13.1 认识DOM 415

13.1.1 DOM发展概述 415

1．DOM 0级 416

2．DOM 1级 416

3．DOM 2级 416

4．DOM 3级 417

13.1.2 检测浏览器对DOM规范支持程度 417

13.1.3 DOM核心 419

13.1.4 DOM节点 420

13.2 操作DOM文档 422

13.2.1 HTML DOM加载过程及其处理 422

13.2.2 DOM文档支持的遍历指针 424

1．childNodes 425

2．firstChild和lastChild 425

3．parentNode 425

4．nextSibling和previousSibling 426

5．documentElement 426

13.2.3 文档遍历中的空格Bug及其清除 426

13.2.4 实现一个简单的文档遍历 427

13.2.5 扩展遍历指针函数 428

1．扩展firstChild和lastChild指针函数 429

2．扩展parentNode指针函数 429

3．扩展nextSibling和previousSibling指针函数 429

13.2.6 通过原型继承扩展DOM元素的方法 430

13.2.7 增加文档内容 433

13.3 操作DOM节点 435

13.3.1 获取节点 435

1．使用getElementByld（）方法 435

2．使用getElementByTagName（）方法 436

13.3.2 创建节点 437

1．创建节点的基本用法 437

2．创建DOM元素的通用方法 438

13.3.3 复制节点 439

13.3.4 插入节点 440

1．使用appendChild（）方法 440

2．使用insertBefore（）方法 442

13.3.5 删除节点 442

1．删除节点的基本用法 443

2．封装删除节点的方法 443

3．封装删除所有子节点的方法 444

13.3.6 替换节点 444

13.4 操作元素的属性 445

13.4.1 获取节点属性 446

13.4.2 设置节点属性 447

13.4.3 删除节点属性 448

13.4.4 存取JavaScript属性 449

13.5 操作元素的内容 449

13.5.1 获取元素包含的文本 449

13.5.2 获取元素包含的HTML信息 450

第14章 Event——JavaScript事件驱动模型 453

14.1 认识JavaScript事件 453

14.1.1 你未必理解的事件概念 453

14.1.2 事件驱动模型 454

14.1.3 事件处理和监听函数 455

14.1.4 多线程与异步回调 456

14.2 事件流及其传播 456

14.2.1 事件传播过程 457

14.2.2 冒泡型事件流 457

14.2.3 捕获型事件流 459

14.2.4 DOM标准事件流 460

14.3 DOM 0级事件模型 460

14.3.1 原始事件的处理方式 460

14.3.2 斫石取火——定义事件 461

14.3.3 直接调用——事件处理函数之趣 463

14.3.4 冷落的返回值——事件处理函数之痕 464

14.3.5 隐形的参数——事件处理函数之谜 465

14.3.6 再说this——事件处理函数之惑 466

14.3.7 身在曹营心在汉——事件处理函数之域 467

14.4 DOM 2级事件模型 469

14.4.1 认识DOM 2级事件模型 469

1．事件模块与接口 470

2．DOM 2级事件模型的工作机制 470

3．Event接口 470

4．UIEvent接口 471

5．MouseEvent接口 471

6．MutationEvent接口 471

14.4.2 绑定和销毁事件 471

1．绑定事件 472

2．销毁事件 473

14.4.3 为对象注册多个事件处理函数 473

14.4.4 兼容0级事件模型的处理方法 474

14.4.5 兼容IE的事件处理方法 475

14.5 IE事件模型 475

14.5.1 认识IE事件模型 475

14.5.2 绑定和销毁事件 476

1．绑定事件 476

2．销毁事件 476

3．事件处理函数中的this 477

4．绑定多个事件 477

14.5.3 设计可兼容的Event对象 478

14.6 事件类型 478

14.6.1 事件类型概述 479

14.6.2 鼠标事件 481

1．鼠标点击事件类型 482

2．鼠标移动事件类型 482

3．鼠标经过事件类型 484

4．鼠标来源 485

5．鼠标定位 486

6．封装并应用鼠标定位设计方案 487

7．在元素内部定位鼠标指针 488

8．鼠标按键 489

9．鼠标事件响应顺序 489

14.6.3 键盘事件 490

1．认识键盘事件的属性 490

2．ctrlKey和shiftKey属性 491

3．keyCode和charCode属性 491

4．键盘事件响应顺序 493

14.6.4 页面事件 493

1．页面初始化——load事件类型 494

2．load事件类型的特殊引用 495

3．在页面初始化之前执行脚本——DOMContentLoaded事件类型 496

4．页面卸载——unload事件类型 498

5．更人性化的页面卸载——beforeunload事件类型 499

6．窗口重置——resize事件类型 499

7．文档移动——scroll事件类型 500

8．错误捕获——error事件类型 500

14.6.5 UI事件 501

1．获取焦点——focus事件类型 501

2．失去焦点——blur事件类型 501

14.6.6 表单事件 501

1．选择文本——select事件类型 502

2．监测表单元素值变化——change事件类型 502

3．提交表单——submit事件类型 503

4．重置表单——reset事件类型 504

第15章 CSS——设计HTML动态效果 507

15.1 DOM 2级样式控制模型 507

15.1.1 CSSStyleSheet接口 508

15.1.2 CSSStyleRule接口 508

15.1.3 CSSStyleDeclaration接口 509

15.2 DOM 0级样式控制模型 510

15.2.1 style对象 510

15.2.2 使用style对象读写行内样式 516

1．读取样式的属性值和属性名 516

2．设置样式的属性值 516

3．移除样式声明 517

4．检测声明中是否附加！important关键字 517

5．内行样式设置实战 517

15.2.3 styleSheets集合 519

15.2.4 访问CSS样式表 521

15.2.5 读写CSS规则 522

15.2.6 访问最终样式 525

1．IE的最终样式 525

2．DOM的最终样式 526

15.2.7 修改CSS样式的方法比较 526

1．关于修改class样式 527

2．关于修改id样式 527

15.3 尺寸 528

15.3.1 从CSS样式表中抽取元素尺寸 528

15.3.2 把抽取的尺寸转化为实际值 529

15.3.3 使用offsetWidth和offsetHeight获取元素的尺寸 531

15.3.4 超越offsetWidth和offsetHeight的缺陷 532

15.3.5 更复杂的元素尺寸 534

15.3.6 可视区域外滚动尺寸 537

15.3.7 浏览器窗口的尺寸 538

15.4 位置 539

15.4.1 获取元素在浏览器窗口中的位置 540

15.4.2 获取元素相对父元素的位置 543

15.4.3 获取元素相对包含块的位置 543

15.4.4 设置元素的偏移位置 544

15.4.5 设置元素的相对位置 544

15.4.6 获取鼠标指针的页面位置 545

15.4.7 获取鼠标指针在元素内的位置 546

15.4.8 获取页面滚动条的位置 548

15.4.9 设置页面滚动条的位置 549

15.5 显示和隐藏 549

15.5.1 元素的可见性 550

15.5.2 显示和隐藏功能封装 550

15.5.3 设置和获取元素的透明度 551

15.6 动画 552

15.6.1 定时器 553

1．setTimeout（）方法 553

2．setInterval（）方法 555

3．正确选用setTimeout（）和setInterval（）方法 555

15.6.2 滑动 556

15.6.3 渐隐渐显 557

第5篇 飞鸿传书 561

第16章 Cookie——用户信息存储、交互与安全 561

16.1 Cookie概述 561

16.1.1 Cookie回眸 561

16.1.2 Cookie信息的结构 562

16.2 存取Cookie信息 563

16.2.1 写入Cookie信息 563

16.2.2 设置Cookie有效期 563

16.2.3 设置Cookie的域和路径 564

16.2.4 设置Cookie安全传输 565

16.2.5 完善写入的Cookie信息 565

16.2.6 读取Cookie信息 566

16.2.7 修改和删除Cookie信息 567

16.2.8 Cookie的局限性及其突破 567

16.2.9 探测浏览器是否启用Cookie 569

16.3 Cookie封装与应用 569

16.3.1 Cookie封装 569

16.3.2 Cookie应用：打字测试游戏 571

第17章 XML和JSON——JavaScriDt数据处理模式 575

17.1 更通用的数据——XML 575

17.1.1 认识XML 575

17.1.2 XML文档结构概述 576

17.1.3 声明 577

17.1.4 处理指令 577

17.1.5 注释 578

17.1.6 标记和元素 578

17.1.7 XML属性 579

17.2 XML DOM文档对象模型 580

17.2.1 认识XML DOM文档对象模型 580

17.2.2 读取XML数据 582

17.3 IE对XML的支持 584

17.3.1 创建XML DOM对象 584

17.3.2 加载XML数据 585

1．设置加载模式 585

2．跟踪异步加载状态 585

17.3.3 数据加载错误处理 586

17.4 Mozilla对XML的支持 587

17.4.1 创建XML DOM对象 587

17.4.2 加载XML数据 588

17.4.3 读取XML数据 589

1．自定义方法模拟text属性的功能 589

2．自定义方法模拟xml属性的功能 589

17.5 XML数据导航器——XPath 590

17.5.1 XPath基本语法 590

17.5.2 IE对XPath的支持 592

17.5.3 Mozilla对XPath的支持 593

17.6 更敏捷的数据——JSON 595

17.6.1 JSON简介 595

17.6.2 深入JSON数据内核 598

1．数据的无序结构——对象 598

2．数据的有序结构——数组 598

3．数据的内容——值 599

第18章 Ajax——JavaScript通信接口与异步交互引擎 601

18.1 网络那点事儿——浓缩的HTTP 601

18.1.1 HTTP请求 602

18.1.2 HTTP响应 604

18.2 暗度陈仓——从隐藏框架说起 605

18.2.1 隐藏框架 605

18.2.2 异步交互与回调处理 608

18.2.3 使用iframe处理异步交互 611

18.3 巧连环——JSONP与跨域异步交互 613

18.3.1 小聪明大智慧—＜script＞标签背后的故事 613

18.3.2 动态控制script元素实现可控异步通信 615

18.3.3 script异步通信的参数传递 616

18.3.4 script异步通信的响应数据类型 620

18.3.5 JSONP异步通信协议 623

18.3.6 JSONP的安全问题 625

18.4 Ajax——更高效的异步通信接口 626

18.4.1 认识XMLHttpRequest对象 627

18.4.2 定义XMLHttpRequest对象 628

18.4.3 建立XMLHttpRequest请求连接 629

18.5 Request——发送请求 630

18.5.1 发送GET请求 630

18.5.2 发送POST请求 631

18.5.3 把数据转换为串行字符串 633

1．传输名／值对信息 633

2．传输有序数据列表 633

18.6 State——异步状态监测 634

18.6.1 跟踪Ajax异步通信状态 634

18.6.2 中止异步请求 636

18.7 Response——获取响应信息 636

18.7.1 XML 637

18.7.2 HTML 638

18.7.3 Code 639

18.7.4 JSON 640

18.7.5 Text 641

18.7.6 获取和设置头部消息 641

18.8 Ajax通信功能封装和应用 642

18.8.1 封装异步请求函数 642

18.8.2 使用Ajax改进Tab显示 643

第6篇 壮士凯旋 651

第19章 可视化思维——深入JavaScript面向对象编程 651

19.1 书非借不能读也——说类 651

19.1.1 类与对象 651

19.1.2 类成员：属性、方法和事件 652

19.1.3 类的基本特性：继承、封装和多态 652

19.2 定义JavaScript类 653

19.2.1 小老板为什么能年挣百万——工厂模式 653

19.2.2 拿来主义——构造函数模式 655

19.2.3 遗传栽培法——原型模式 657

19.2.4 杂交栽培法——构造函数原型模式 658

19.2.5 滴灌法——动态原型模式 660

19.3 契约书——JavaScript接口 661

19.3.1 新版黔驴技穷——大话接口 661

19.3.2 签订契约书——接口的本质 663

19.3.3 大道理简单化——JavaScript接口实现方法一 665

19.3.4 孔明点灯——JavaScript接口实现方法二 667

19.3.5 鸡肋还是鸡翅——JavaScript接口选用之惑 670

19.4 JavaScript继承机制——原型（prototype） 671

19.4.1 认识prototype 671

19.4.2 剪不断理还乱——辨析泛类、类型、原型和对象实例 672

19.4.3 形似神异——构造类的原型和本地特性 674

19.4.4 四大皆空——关于类的唯空论 676

19.4.5 原型属性的基本操作和应用技巧 678

1．利用原型为对象设置默认值 679

2．利用原型间接实现本地数据备份 680

3．利用原型设置只读属性 680

4．利用原型进行批量复制 682

19.4.6 定义静态原型方法 683

19.4.7 prototype原型域及原型链 683

19.4.8 prototype的副作用 685

19.5 JavaScript基因图谱——继承 686

19.5.1 认识JavaScript的继承机制 686

19.5.2 原型继承 688

19.5.3 类继承的源起 689

19.5.4 类继承的设计模式 690

19.5.5 深入理解类继承中call（）和apply（）角色 693

19.5.6 封装类继承机制 695

19.5.7 实例继承 696

19.5.8 复制继承 698

19.5.9 克隆继承 699

19.5.10 混合继承 699

19.5.11 多重继承 701

19.5.12 掺元类 702

19.6 类的封装 704

19.6.1 类的被动封装 705

19.6.2 类的主动封装 706

19.6.3 定义类的静态方法和属性 708

19.7 类的多态 710

19.7.1 方法的重载和覆盖 711

1．重载 711

2．覆盖 711

19.7.2 类的多态 712

19.8 善始善终——类的构造和析构 713

19.8.1 构造 714

19.8.2 动态构造 715

19.8.3 析构 716

19.9 类的抽象化——超类、子类和元类 717

19.9.1 超类和子类 717

19.9.2 元类 718

第20章 卜算子——深入JavaScript函数式编程 721

20.1 JavaScript函数式编程概述 721

20.1.1 函数是第一型 721

20.1.2 函数是运算元 722

20.1.3 函数是数据闭包 723

20.2 表达式运算 724

20.2.1 实现连续运算的常用方法 724

20.2.2 尝试把所有命令式语句转换为连续运算 727

20.2.3 表达式中的函数 728

20.2.4 函数的惰性与非惰性求值 730

20.2.5 函数调用栈 732

20.3 递归运算 734

20.3.1 认识递归 735

20.3.2 猜一猜，算一算——递归算法演示 736

20.3.3 递归算法 738

20.3.4 递归模型 738

1．问题的定义是递归的 738

2．问题所涉及的数据结构是递归的 739

3．问题的解法满足递归的性质 740

20.3.5 Hanoi（汉诺）塔算法 740

20.3.6 尾递归算法 742

20.3.7 Fibonacci（斐波那契）数列 744

20.3.8 递归算法的优化 746

20.4 高处不胜寒——破解函数域之惑 747

20.4.1 我是谁——JavaScript执行环境与函数解析机制 747

20.4.2 我从哪来——词法作用域与执行作用域 749

20.4.3 寻找迷失的远方——作用域链 751

20.4.4 我又在哪里——调用对象 753

20.5 天宫之旅——函数闭包 754

20.5.1 从圈外看闭包 754

20.5.2 从圈内看函数闭包 755

20.5.3 解剖闭包结构——认识闭包标识符系统 757

20.5.4 覆盖还是层叠——关于闭包函数的作用域问题 759

20.5.5 生存还是毁灭——关于闭包函数的生存周期问题 760

20.5.6 辨析函数与闭包 762

20.5.7 奇怪的不等式——函数、调用、引用和实例 763

20.5.8 梦里花落知多少——闭包函数与函数实例 765

20.5.9 剪不断理还乱——闭包函数与调用对象 769

20.5.10 保护闭包数据的独立性 771

20.5.11 始祖鸟——构造函数闭包 773

20.5.12 想你所想——函数式编程中闭包的应用价值 774

20.5.13 一起联想——函数式编程中闭包的桥梁作用 776

20.5.14 预防中毒——闭包的副作用 779

20.6 我是谁？——彻底研究this 782

20.6.1 who is this——确认this的身份 783

1．this代表当前对象 783

2．this代表当前作用域对象 784

20.6.2 what is this——this的本质 786

1．闭包的破坏性 787

2．call（）和apply（）方法的破坏性 788

3．异步调用的破坏性 788

20.6.3 where is this——在哪儿使用this 788

1．函数的引用和调用 788

2．call（）和apply（） 789

3．原型继承 790

4．异步调用之事件处理函数 791

5．异步调用之定时器 792

20.6.4 how to do this——this应对策略 792

1．预防this多变的基本原则 792

2．把this作为参数值 793

3．设计静态的this指针 793

4．设计静态的this扩展方法 794

第21章 流水不腐——深入JavaScript动态化编程 797

21.1 使用eval（）方法动态执行语句 797

21.1.1 动态值、表达式和语句 797

21.1.2 对象和函数直接量的歧义问题 799

21.1.3 eval全局执行域及其兼容方法 800

21.1.4 eval当前执行域 802

21.2 动态调用函数 802

21.2.1 函数调用方法及执行效率比较 802

1．使用小括号运算符调用函数 803

2．使用new运算符调用函数 803

3．使用call（）和apply（）方法调用函数 804

4．使用定时器调用函数 804

5．使用事件处理函数调用函数 805

21.2.2 函数的调用对象 805

21.2.3 动态调用中的this指针 808

21.2.4 在动态调用中实现继承 810

21.2.5 动态调用中易迷失的this指针 810

21.2.6 嵌套函数调用中的副作用 812

21.3 动态重写 814

21.3.1 重写原型对象 814

21.3.2 重写构造器 816

21.3.3 重写方法 818