趣味程序导学JavaScriptPDF电子书下载

第1章 JavaScript基础 1

1.1 JavaScript简介 1

1.1.1 JavaScript的基本特点 1

1.1.2 JavaScript与其他语言的比较 2

1.1.3 JavaScript程序范例 4

1.2 基本数据结构 5

1.2.1 基本数据类型 6

1.2.2 表达式和运算符 7

1.2.3 运算符的优先级 10

1.3 语句、函数与事件 11

1.3.1 控制语句 11

1.3.2 函数 12

1.3.3 事件驱动及事件处理 13

1.4 对象的基础知识 15

1.4.1 对象的引用 15

1.4.2 有关对象操作的语句 15

1.4.3 对象属性的引用 17

1.4.4 对象的方法的引用 17

1.5 常用内部对象 18

1.5.1 String：字符串对象 18

1.5.2 Math:数学对象 20

1.5.3 Date:日期及时间对象 20

1.5.4 系统函数 21

1.6 浏览器内部对象 22

1.6.1 浏览器对象树 22

1.6.2 navigator对象 23

1.6.3 window对象 23

1.6.4 history对象 24

1.6.5 document对象 25

第2章 “幸运52”模拟游戏--初步应用JavaScript 27

2.1 游戏效果说明 27

2.2 使用HTML创建初始界面 29

2.2.1 HTML文档基本常识 29

2.2.2 使用表单添加按钮和文本输入框 33

2.3 添加事件处理 35

3.3.2 Change事件 41

2.4 动态改变表单元素的属性 43

2.4.1 对象属性的引用 43

2.4.2 对象方法的引用 44

2.5 alert方法与confirm方法 45

2.5.1 alert方法 45

2.5.2 confirm方法 45

2.6 完善游戏界面 46

2.6.1 按钮的隐藏和突然显现 46

2.6.2 使用图像显示商品信息 48

2.6.3 焦点控制：Focus方法与Blur方法 50

2.6.4 表单的Submit事件 52

2.6.5 对用户的意外操作进行响应 52

2.7 其他尝试：通过prompt方法获取用户输入 55

2.7.1 效果 55

2.7.2 实现方法 56

2.8 进上步实践：多条随机数据 58

2.8.1 效果 58

2.8.2 创建数组 58

2.8.3 随机函数 60

2.9 本章知识点回顾 61

第3章 百变猫咪与跑马灯--字符串处理和时间控制 64

3.1 “百变猫咪”效果说明 64

3.2 使用HTML创建初始界面 64

3.2.1 使用表格 65

3.2.2 加入表单元素 67

3.3 为小猫设计“造型” 68

3.3.1 造型设计 68

3.3.2 Srting对象 69

3.3.3 将字符串封装到数组中 71

3.4 添加事件处理与使用时间控制 72

3.4.1 小猫变换造型的实现方法 72

3.4.2 时间控制 73

3.4.3 添加Click事件处理 75

3.5 控制小猫变换“造型”的速度 75

3.5.1 添加单选按钮 76

3.5.2 添加单选按钮的事件处理 77

3.6 进一步实践：拍照功能 77

3.6.1 添加“拍照”按钮和“照片”按钮 78

3.6.2 “拍照”的实现方法 78

3.6.3 添加Click事件处理 79

3.6.4 “照片”按钮的隐藏与显示 79

3.7 另一个范例“状态栏跑马灯 80

3.7.1 效果说明 80

3.7.2 实现方法 80

3.8 本章知识点回顾 84

第4章 “医生与病人”--深入探讨字符串处理 86

4.1 “医生与病人”效果说明 86

4.2 使用HTML创建初始界面 87

4.2.1 显示医生和病人的话语 88

4.2.2 使用div 89

4.3 对输入语句“分词” 92

4.3.1 游戏的实现方法 93

4.3.2 定义变量 93

4.3.3 判断字符是否为标点 93

4.3.4 判断字符是否合法 94

4.3.5 定义分词函数并对用户的输入做预处理 94

4.3.6 进行分词 95

4.3.7 对分词的检验 97

4.4 提取“关键词” 100

4.4.1 定义“关键词” 100

4.4.2 提取“关键词” 102

4.5 制定应答规则 103

4.5.1 应答语句 103

4.5.2 对hello语句的特殊响应 105

4.5.3 按照规则给出应答 106

4.5.4 一点改进 108

4.6 实现对话 108

4.6.1 控制div的显示 108

4.6.2 添加Chage事件处理 110

4.6.3 焦点控制 110

4.6.4 对输入的回车进行响应 111

4.7 本章知识点回顾 113

第5章 “速算24”扑克游戏--Math对象与数学运算 116

5.1 “速算24”效果说明 116

5.2 创建初始界面 118

5.2.1 扑克牌显示区 118

5.2.2 规则说明区域 118

5.2.3 “计算器”区域 119

5.3 自动发牌 121

5.3.1 制作图像文件 121

5.3.2 随机选取4张扑克牌 122

5.3.3 动态设置网页中图像的源文件 123

5.3.4 添加“开始”按钮的Click事件处理 124

5.3.5 添加“无解”按钮的Click事件处理 124

5.4 即时显示数学表达式 124

5.4.1 扑克牌所对应的数字显示 124

5.4.2 运算符的显示 127

5.4.3 对用户的错误操作进行响应 130

5.5 计算表达式的值并反馈结果 133

5.5.1 标准的JavaScript数学表达式 133

5.5.2 对数学表达式的计算及反馈 136

5.6 有关发牌程序的进一步实践 138

5.7 获取时间和实现计时 142

5.7.1 获取时间和实现计时 142

5.7.2 计时的停止 143

5.7.3 调用函数stoptime()和ctime() 143

5.7.4 对用户花费的时间做出反馈 144

5.8 其他注意事项 145

5.8.1 “重玩”按钮 145

5.8.2 “开始”按钮 146

5.9 本章知识点回顾 146

第6章 “画一个日历”--掌握Date对象 149

6.1 效果说明 149

6.2 以文本方式显示的日期和时间 149

6.3 状态栏时钟 152

6.4 判断当前时段 154

6.5 画一个日历 156

6.5.1 函数getTime() 157

6.5.2 函数leapYear(year) 158

6.5.3 函数getDays(month,year) 158

6.5.4 函数getMonthname(month) 159

6.5.5 函数drawCal(firstDay,lastDate,date,monthname,ycar) 160

6.5.6 函数setCal () 165

6.6 本章知识点回顾 167

第7章 “华容道”模拟游戏--弹出窗口与动态控制HTML代码 169

7.1 效果说明 169

7.2 创建游戏的首页 170

7.2.1 添加“操作帮助” 170

7.2.2 添加“难度设置” 171

7.2.3 添加“背景色设置” 172

7.3 弹出窗口 172

7.3.1 弹出窗口的方法 172

7.3.2 设置弹出窗口的外观 174

7.3.3 动态生成HTML代码 176

7.4 实现游戏的主界面 180

7.4.1 效果说明 180

7.4.2 创建初始界面 181

7.4.3 游戏的开始--打乱棋子的顺序 181

7.4.4 棋子的移动 183

7.4.5 为3个操作按钮添加事件处理 185

7.4.6 改正程序的一处错误 186

7.4.7 将主界面的HTML代码写入输出流 187

7.5 实现游戏设置 192

7.5.1 实现背景色的设置 192

7.5.2 根据难度设置为Ievel赋值 194

7.5.3 控制不同级别下棋盘的生成 194

7.5.4 控制游戏的其他方面 196

7.6 进一步实践 198

7.6.1 使弹出窗口的总居于屏幕正中 198

7.6.2 窗口的震动效果 200

7.7 本章知识点回顾 200

第8章 “情人节快乐”--JavaScript事件纵览(上) 203

8.1 “情人节快乐”效果说明 203

8.2 创建初始界面 204

8.2.1 网页的框架结构 204

8.2.2 定义下拉菜单 205

8.2.3 定义复选框 206

8.2.4 添加其他网页元素 207

8.3 Load事件和Unload事件 208

8.3.1 Load事件 208

8.3.2 Unload事件 211

8.3.3 修正历史清单的书写 212

8.4 为全部网页元素添加Click事件处理 214

8.4.1 函数matchob(x) 214

8.4.2 函数Feed(x) 215

8.4.3 函数OpenNew(x) 216

8.4.4 对各网页元素添加Click事件处理程序 217

8.5 MouseOver事件和MouseOut事件 219

8.5.1 基本概念 219

8.5.2 为图像添加MouseOver，MouseOut事件处理 220

8.5.3 函数OpenNew(x) 221

8.5.4 函数Feed(x) 222

8.5.5 为其他网页元素添加MouseOver，MouseOut事件 222

8.6 DblClick事件 224

8.6.1 修改函数Feed(x)和OpenNew(x) 224

8.6.2 添加DblClick事件处理程序 225

8.7 进一步实践 225

8.7.1 表单的Submit事件 225

8.7.2 表单的Reset事件 226

8.7.3 Load事件处理：颜色闪烁 226

8.7.4 Unload事件处理：离开网页时自动跳到其他网页 228

8.7.5 使用cookie程序 231

8.7.6 预读取图像文件 232

8.8 本章知识点回顾 234

第9章 “情人节快乐”--JavaScript事件纵览(下) 238

9.1 Focus,Blur事件处理 238

9.1.1 效果说明 238

9.1.2 基本概念 239

9.1.3 使用div 239

9.1.4 函数treatFB(kind,row) 241

9.2 MouseDown事件处理 243

9.2.1 效果说明 243

9.2.2 添加MouseDown事件处理 244

9.2.3 区分鼠标的左键和右键 245

9.2.4 屏蔽右键菜单 249

9.2.5 一个应用：禁止使用鼠标右键 250

9.3 KeyPress,KeyDown,KeyUp事件 251

9.3.1 基本概念 251

9.3.2 KeyDown，KeyUp,KeyPress事件被触发的先后顺序 252

9.3.3 检查输入的大小写并进行转换 256

9.3.4 为链接设置热键 259

9.3.5 通过字母键实现滚屏 260

9.4 Resize事件与Abort事件、Error事件 263

9.4.1 Resize事件 263

9.4.2 Abort事件 264

9.4.3 Error事件 265

9.5 深入探讨浏览器中的事件模型 266

9.5.1 什么是事件模型(event model) 266

9.5.2 传统的事件模型 267

9.5.3 Navigator新的事件模型 267

9.5.4 IE 4的事件模型 272

9.6 本章知识点回顾 276

第10章 实现动态图文效果 280

10.1 自动滚屏 280

10.1.1 效果说明 280

10.1.2 实现方法 281

10.1.3 进一步实践 283

10.2 带链接的文本的滚动显示 285

10.2.1 效果说明 285

10.2.2 实现方法 287

10.2.3 其他方式：带链接的文本水平滚动显示 290

10.3 状态栏动态信息 293

10.3.1 降落伞效果 293

10.3.2 降落伞效果的实现方法 294

10.3.3 碰壁效果 296

10.3.4 碰壁效果的实现方法 297

10.4 飞行的图片 299

10.4.1 效果说明 299

10.4.2 实现方法 300

10.5 实现动画--蝴蝶飞舞效果 302

10.5.1 效果说明 302

10.5.2 实现方法：方案一 303

10.5.3 实现方法：方案二 307

10.6 本章知识点回顾 314