第1篇 认识JavaScript语言 2
第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编程基础 60
第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进阶应用 140
第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在Intemet 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 JavaScnpt的网页特效实例 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基础理论 210
第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.2Ajax与基本Web应用工作比较 247
12.3.3Ajax核心对象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实战开发与应用 260
第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