目 录
第1篇 认识JavaScript语言
第1章 网络与JavaScript基础( 教学视频:33分钟) 2
1.1 静态网页的定义 2
1.1.1 你必须知道的万维网 2
1.1.2 静态网页HTML 3
1.1.3 HTML页面的body属性 7
1.1.4 跟网页打个招呼“Hello 网页” 8
1.1.5 查看网页的工具 9
1.2 认识JavaScript语言 10
1.3 JavaScript语言的历史与工作原理 11
1.4 JavaScript为网页扩展功能 12
1.4.1 实现Form表单的验证 12
1.4.2 实现酷炫网页的特效 15
1.4.3 动态改变页面的样式 18
1.4.4 使用Ajax实现网页动态交互 19
1.5 了解网页中的JavaScript代码 20
1.5.1 JavaScript代码的栖身之地<script></script> 20
1.5.2 在网页中嵌入JavaScript代码 22
1.5.3 在网页中引用外来的JavaScript代码文件 23
1.5.4 JavaScript的事件驱动原理 23
1.6 深入解剖JavaScript 25
1.6.1 认识文档对象模型 25
1.6.2 JavaScript的进化史 26
1.6.3 老版本浏览器对JavaScript的兼容问题 27
1.7 小结 27
1.8 习题 28
第2章 开始JavaScript编程( 教学视频:57分钟) 29
2.1 学习几个JavaScript开发工具 29
2.1.1 Windows自带的记事本 29
2.1.2 EditPlus文本编辑器 31
2.1.3 Derameaver网页编辑工具 32
2.2 设计第一个JavaScript案例的功能 36
2.3 实现JavaScript案例的功能模块 38
2.3.1 给用户提示信息 38
2.3.2 页面内容的显示和隐藏 39
2.3.3 给用户确认消息 41
2.3.4 在网页中显示信息 42
2.3.5 使用JavaScript的变量 43
2.3.6 使用JavaScript的运算符 44
2.3.7 使用JavaScript函数 45
2.4 实现JavaScript案例的网页 45
2.4.1 设计页面 45
2.4.2 添加性别单选按钮 47
2.4.3 添加提交按钮 50
2.4.4 使用JavaScript函数进行计算 51
2.4.5 显示用户选择的结果 53
2.4.6 最终的案例效果 53
2.5 小结 57
2.6 习题 57
第2篇 JavaScript编程基础
第3章 JavaScript的语言基础( 教学视频:48分钟) 60
3.1 基础语法 60
3.1.1 敏感的大小写 60
3.1.2 特殊的空格、制表符和换行符 60
3.1.3 JavaScript的直接量 61
3.1.4 JavaScript语句里的分号 61
3.1.5 JavaScript标识符 62
3.1.6 JavaScript的保留字 62
3.2 JavaScript也可以面向对象 63
3.2.1 JavaScript中的面向对象 63
3.2.2 创建对象 64
3.2.3 设置对象的属性 64
3.2.4 设计对象的方法 65
3.2.5 继承和原型 65
3.3 JavaScript编程规范 67
3.3.1 命名规范 67
3.3.2 注释规范 68
3.4 给变量命名 69
3.4.1 有意义的名称 69
3.4.2 多个单词与分隔符 70
3.4.3 全部大写 70
3.4.4 增加前缀 70
3.4.5 综合示例 71
3.5 给变量赋值 72
3.5.1 先定义后赋值 72
3.5.2 定义的同时赋值 72
3.6 给变量设置作用域 72
3.6.1 局部变量 73
3.6.2 全局变量 73
3.7 在JavaScript中使用数字 74
3.8 在JavaScript中使用布尔值 75
3.9 在JavaScript中使用字符串 76
3.9.1 创建字符串 76
3.9.2 使用转义符号 77
3.9.3 获取字符串长度 78
3.9.4 截取字符串一部分 79
3.9.5 转换字符串大小写 80
3.9.6 查找与匹配指定的字符 81
3.10 在JavaScript中使用数组 82
3.10.1 创建数组 82
3.10.2 给数组赋值 82
3.10.3 获取数组的长度 83
3.10.4 多维数组 84
3.11 小结 85
3.12 习题 85
第4章 JavaScript的运算符和表达式( 教学视频:24分钟) 87
4.1 什么是表达式 87
4.2 什么是运算符 88
4.3 算术运算符 88
4.3.1 二元运算符 88
4.3.2 一元运算符 91
4.4 赋值运算符 93
4.4.1 使用“+=” 94
4.4.2 使用“– =” 95
4.4.3 使用“*=” 95
4.4.4 使用“/=” 96
4.4.5 使用“%=” 96
4.5 关系运算符 97
4.5.1 使用“==” 97
4.5.2 使用“!=” 98
4.5.3 使用“>” 98
4.5.4 使用“>=” 99
4.5.5 使用“<” 99
4.5.6 使用“<=” 100
4.6 逻辑运算符 100
4.6.1 使用“&&”进行逻辑运算 101
4.6.2 使用“||” 进行逻辑运算 101
4.6.3 使用“!” 进行逻辑运算 102
4.7 字符串运算符 102
4.7.1 使用“+”连接字符串 102
4.7.2 使用“+=”连接字符串 104
4.8 运算符的优先级 104
4.9 小结 105
4.10 习题 105
第5章 JavaScript的流程控制语句( 教学视频:24分钟) 107
5.1 分支语句 107
5.1.1 使用if实现条件判断 107
5.1.2 使用if…else实现两个分支条件 110
5.1.3 if和if…else的嵌套 112
5.1.4 使用switch实现多分支判断 115
5.2 循环语句 117
5.2.1 while循环 117
5.2.2 do…while循环 119
5.2.3 for循环 121
5.2.4 for…in循环 123
5.2.5 使用with实现对属性的访问 124
5.2.6 使用continue继续循环 125
5.3 小结 126
5.4 习题 126
第6章 JavaScript的函数和事件( 教学视频:26分钟) 128
6.1 认识函数 128
6.1.1 定义函数 128
6.1.2 调用函数 129
6.1.3 函数的返回值 130
6.1.4 组合函数 131
6.2 认识事件 133
6.2.1 HTML的标签与事件 133
6.2.2 JavaScript的事件处理器 134
6.2.3 JavaScript的常用事件 134
6.3 小结 138
6.4 习题 138
第3篇 JavaScript进阶应用
第7章 DIV层与图像( 教学视频:33分钟) 140
7.1 设计一个可定位的层 140
7.1.1 设计位置和大小 140
7.1.2 设计溢出属性 142
7.1.3 设计可见属性 144
7.1.4 设计背景和边框属性 146
7.2 使用JavaScript进行定位 147
7.2.1 在Internet Explorer和Firefox中定位 147
7.2.2 在Navigator中定位 149
7.2.3 跨浏览器兼容性 150
7.3 创建Image图像 151
7.3.1 认识Image对象 151
7.3.2 使用Image对象 154
7.3.3 使用图像缓冲技术 154
7.4 小结 156
7.5 习题 156
第8章 窗口和框架( 教学视频:22分钟) 157
8.1 认识窗口 157
8.1.1 什么是窗口对象 158
8.1.2 打开和关闭窗口 159
8.1.3 延时设定 164
8.1.4 时间间隔设定 164
8.1.5 移动窗口 164
8.1.6 改变窗口尺寸 165
8.1.7 使用状态栏 166
8.2 使用框架 167
8.2.1 创建框架 167
8.2.2 框架嵌套 169
8.2.3 使用target属性 170
8.2.4 使用<noframes>标签 173
8.3 常用的窗口对象 173
8.3.1 location对象 173
8.3.2 history对象 175
8.3.3 navigator对象 176
8.3.4 screen对象 176
8.4 小结 177
8.5 习题 177
第9章 使用JavaScript操作cookies( 教学视频:25分钟) 178
9.1 什么是cookies 178
9.2 使用cookies 179
9.2.1 给cookies命名 179
9.2.2 定义cookies过期时间 179
9.2.3 定义cookies的目录范围 180
9.2.4 实现跨服务器共享 181
9.2.5 使信息传输更加安全 181
9.3 让cookies存储信息 181
9.4 从cookies读取信息 182
9.5 cookies示例 184
9.6 小结 187
9.7 习题 187
第10章 JavaScript的调试与实例运用( 教学视频:31分钟) 188
10.1 JavaScript的调试 188
10.1.1 发现错误和尽量避免错误 188
10.1.2 使用alert()方法 191
10.1.3 使用write()或者writeln()方法 193
10.1.4 脚本调试器简介 195
10.2 JavaScript的网页特效实例 195
10.2.1 文本链接颜色变换 195
10.2.2 多种鼠标效果 196
10.2.3 变换图片 198
10.2.4 背景滚动 200
10.2.5 倒计时 201
10.2.6 状态栏跑马灯 202
10.2.7 脚本错误忽略 204
10.2.8 Email信息发送 205
10.3 小结 207
10.4 习题 207
第4篇 jQuery基础理论
第11章 了解jQuery( 教学视频:32分钟) 210
11.1 认识jQuery 210
11.1.1 jQuery的起源 210
11.1.2 什么是jQuery 212
11.2 jQuery能做什么 213
11.2.1 jQuery能实现什么 213
11.2.2 jQuery与其他脚本库的区别 215
11.3 搭建jQuery运行环境 216
11.3.1 jQuery库的选择 216
11.3.2 jQuery库的引入 217
11.3.3 jQuery的第一个例子 218
11.3.4 如何学习jQuery 219
11.4 小结 220
11.5 习题 220
第12章 jQuery原理与运行机制( 教学视频:64分钟) 221
12.1 Javascript的浏览器对象模型BOM操作 221
12.1.1 window对象——窗口对象 222
12.1.2 navigator对象——浏览器对象 233
12.2 Javascript的HTML文档DOM操作 236
12.2.1 DOM节点 237
12.2.2 访问文档节点 238
12.2.3 节点操作 240
12.3 Ajax原理 247
12.3.1 Ajax组成 247
12.3.2 Ajax与基本Web应用工作比较 247
12.3.3 Ajax核心对象XMLHTTPRequest 249
12.3.4 Ajax工作用例 250
12.4 jQuery工作原理 251
12.5 jQuery运行机制 252
12.5.1 jQuery的元素选择 252
12.5.2 jQuery事件 254
12.6 小结 257
12.7 习题 257
第5篇 jQuery实战开发与应用
第13章 控制DIV层( 教学视频:39分钟) 260
13.1 DIV的鼠标选取 260
13.1.1 利用鼠标悬停实现DIV的选取 260
13.1.2 利用鼠标单击实现DIV的选取 262
13.2 DIV层的尺寸 263
13.2.1 jQuery动态读取DIV层的尺寸 263
13.2.2 jQuery动态修改DIV层的尺寸 265
13.3 层的显示与隐藏 267
13.3.1 利用jQuery的显示与隐藏函数实现 267
13.3.2 利用jQuery实现滑动效果 271
13.3.3 利用jQuery实现淡入淡出效果 272
13.4 DIV内的内容控制 274
13.4.1 内容清空 274
13.4.2 内容替换 275
13.4.3 内容复制 276
13.4.4 内容添加 277
13.4.5 内容包装 280
13.5 层的定位 281
13.6 小结 282
13.7 习题 282
第14章 设计列表( 教学视频:38分钟) 283
14.1 控制列表宽度 283
14.1.1 参差不齐的列表 283
14.1.2 截取文字内容实现控制列表宽度 284
14.1.3 修改层的宽度控制列表宽度 285
14.2 控制列表项符号图片 288
14.2.1 样式死板的列表项符号 288
14.2.2 利用jQuery与CSS控制列表项符号图片 289
14.3 列表项的滚动 290
14.4 图片列表 293
14.4.1 大小不一的图片不规则排列 293
14.4.2 利用jQuery控制图片列表 293
14.5 列表的显示与收缩 295
14.5.1 占用页面空间的静态列表 295
14.5.2 利用jQuery动态控制列表内容展开与收缩 296
14.6 列表项动态排序 298
14.6.1 构建一个无序列表 298
14.6.2 利用jQuery对无序列表排序 299
14.7 小结 301
14.8 习题 301
第15章 网站导航( 教学视频:36分钟) 302
15.1 菜单设计 302
15.1.1 普通下拉菜单 302
15.1.2 下拉级联菜单 305
15.1.3 横向伸缩菜单 306
15.2 第三方菜单插件 307
15.2.1 jQuery级联菜单插件 308
15.2.2 SuperFish菜单插件 308
15.2.3 折叠菜单插件 310
15.2.4 滚动动态列表菜单 311
15.2.5 滑动效果菜单 311
15.2.6 仿Mac的停靠菜单插件 312
15.3 TreeView设计 313
15.3.1 普通TreeView 313
15.3.2 加入淡入淡出效果的TreeView 315
15.4 第三方TreeView插件 316
15.5 小结 320
15.6 习题 320
第16章 设计表格( 教学视频:32分钟) 321
16.1 表格基本设计 321
16.1.1 表格边框样式的变换 321
16.1.2 表格单元格的合并 322
16.1.3 表格行列的添加与删除 325
16.1.4 jQuery控制表格行的上下移动 327
16.2 表格内容动态排序 330
16.3 设置分页 332
16.4 表格行条纹效果 333
16.5 表格的折叠和展开 334
16.6 表格动态内容筛选 335
16.7 可编辑表格 336
16.8 表格插件 338
16.8.1 jExpand表格插件 339
16.8.2 Table Pagination表格分页插件 339
16.8.3 Spreadsheet Web电子表格 340
16.9 小结 341
16.10 习题 341
第17章 设计表单( 教学视频:36分钟) 342
17.1 表单基本操作 342
17.1.1 表单清空 342
17.1.2 重置表单 344
17.1.3 表单元素的赋值与取值 345
17.2 表单验证框架 346
17.2.1 基本验证功能 346
17.2.2 API使用方法 348
17.2.3 自定义验证方法 355
17.2.4 radio、checkbox、select的验证 356
17.3 表单特效 358
17.3.1 文本输入框特效 358
17.3.2 单选、复选按钮特效 362
17.3.3 按钮特效 363
17.4 表单插件 364
17.4.1 Validation插件 364
17.4.2 JQF1插件 372
17.5 小结 372
17.6 习题 372
第18章 设计图片( 教学视频:25分钟) 374
18.1 图片切换 374
18.1.1 利用淡入效果实现图片切换 374
18.1.2 利用自定义动画切换图片 375
18.2 图片滚动 377
18.3 图片动态弹出 379
18.4 动态图文结合 380
18.5 图片剪切 381
18.6 图片预览 383
18.7 图片局部平移 384
18.8 图片插件 386
18.8.1 MobilyNotes插件 386
18.8.2 Fancybox插件 388
18.8.3 desSlideshow插件 395
18.9 小结 396
18.10 习题 396
??
??
??
??
零点起飞学JavaScript+jQuery
目录
·XIV·
·XIII·