第1篇 基础篇 2
第1章 Web前端开发技术概述 2
1.1 Web应用程序的架构与工作原理 2
1.1.1 Web应用程序设计语言的产生与发展 2
1.1.2 Web应用程序的组成及各部分的主要功能 5
1.1.3 Web应用程序的基本开发流程 6
1.2 Web前端开发实用技术概述 7
1.2.1 什么是Web前端开发 7
1.2.2 Web前端开发的要素 8
1.3 HTML基础 8
1.3.1 HTML网页的基本结构 8
1.3.2 设置网页背景和颜色 9
1.3.3 设置字体属性 11
1.3.4 超级链接 12
1.3.5 图像和动画 13
1.3.6 表格 14
1.3.7 使用框架 15
1.3.8 其他常用标签 16
练习题 19
第2章 JavaScript语言基础 20
2.1 JavaScript简介 20
2.1.1 在HTML中插入JavaScript代码 20
2.1.2 使用js文件 21
2.2 JavaScript与Java的比较 21
2.3 JavaScript编辑和调试工具 22
2.3.1 使用EditPlus编辑JavaScript程序 22
2.3.2 Eclipse开发平台简介 24
2.3.3 编辑JavaScript的Eclipse插件JSEclipse 26
2.3.4 使用Dreamweaver编辑JavaScript程序 30
2.3.5 调试JavaScript程序的方法 32
2.4 数据类型、常量和变量 34
2.4.1 数据类型 34
2.4.2 常量 34
2.4.3 变量 35
2.5 运算符和表达式 36
2.5.1 运算符 36
2.5.2 表达式 39
2.6 常用语句 40
2.6.1 注释 40
2.6.2 赋值语句 40
2.6.3 if语句 41
2.6.4 switch语句 43
2.6.5 循环语句 44
练习题 47
第3章 JavaScript函数 49
3.1 内置函数 49
3.1 alert（）函数 49
3.1.2 confirm（）函数 50
3.1.3 escape（）函数 50
3.1.4 unescape（）函数 51
3.1.5 eval（）函数 51
3.1.6 isNaN（）函数 52
3.1.7 parseFloat（）函数 53
3.1.8 parseInt（）函数 53
3.1.9 prompt（）函数 53
3.2 自定义函数 54
3.2.1 创建自定义函数 54
3.2.2 调用JavaScript函数 55
3.2.3 变量的作用域 56
3.2.4 函数的返回值 57
3.3 函数库 57
3.3.1 定义函数库 58
3.3.2 引用函数库 58
练习题 58
第2篇 进阶篇 62
第4章 JavaScript面向对象程序设计 62
4.1 面向对象程序设计思想简介 62
4.2 JavaScript内置对象 63
4.2.1 JavaScript的内置对象框架 63
4.2.2 基类Object 64
4.2.3 Date类 64
4.2.4 String类 65
4.2.5 Array类 73
4.2.6 Math对象 77
4.3 DOM编程 78
4.3.1 HTMLDOM框架 78
4.3.2 document对象 79
4.3.3 DOM对象的属性 80
4.3.4 DOM对象的方法 81
4.4 BOM编程 83
4.4.1 Window对象 84
4.4.2 Navigator对象 87
练习题 88
第5章 JavaScript事件处理 89
5.1 JavaScript事件的基本概念 89
5.1.1 什么是事件 89
5.1.2 DOM事件流 90
5.1.3 事件监听器 91
5.2 HTML事件 92
5.2.1 鼠标事件 92
5.2.2 Event对象 93
5.2.3 键盘事件 94
5.2.4 页面事件 95
5.2.5 表单事件 95
5.3 干预系统的事件处理机制 96
5.3.1 停止事件冒泡 96
5.3.2 阻止事件的默认行为 97
练习题 98
第6章 JavaScript表单编程 100
6.1 HTML表单概述 100
6.1.1 定义表单 100
6.1.2 文本框 101
6.1.3 文本区域 102
6.1.4 单选按钮 102
6.1.5 复选框 103
6.1.6 组合框 103
6.1.7 按钮 104
6.2 使用JavaScript访问和操作表单元素 105
6.2.1 获取表单对象 105
6.2.2 获取表单元素对象 107
6.2.3 操作表单元素 109
6.3 操作表单 110
6.3.1 提交表单 110
6.3.2 重置表单 110
6.3.3 表单验证 111
练习题 112
第3篇 高级应用篇 114
第7章 JavaScript CSS编程 114
7.1 CSS基础 114
7.1.1 什么是CSS 114
7.1.2 在HTML文档中应用CSS 115
7.2 CSS选择器 117
7.2.1 类别选择器 117
7.2.2 #id选择器 118
7.2.3 选择所有元素 118
7.2.4 选择所有指定类型的元素 118
7.2.5 element,element选择器 118
7.2.6 element element选择器 118
7.2.7 element＞element选择器 118
7.2.8 element+element选择器 119
7.2.9 ［attribute］选择器 119
7.2.10 ［attribute=value］选择器 119
7.2.11 ［attribute～=value］选择器 119
7.2.12 ［attribute｜=value］选择器 119
7.2.13 其他常用的CSS选择器 120
7.3 定义网页和元素的样式 122
7.3.1 颜色与背景 122
7.3.2 设置字体 123
7.3.3 设置文本对齐 125
7.3.4 超链接 125
7.3.5 列表 126
7.4 CSS布局 128
7.4.1 CSS布局设计概述 128
7.4.2 CSS框模型 129
7.4.3 CSS轮廓 133
7.4.4 浮动元素 134
7.4.5 Div+CSS网页布局实例 135
7.5 CSS3的新技术 136
7.5.1 实现圆角效果 136
7.5.2 多彩的边框 139
7.5.3 阴影 140
7.5.4 透明度 141
7.5.5 旋转 142
7.6 JavaScript CSS编程 143
7.6.1 使用JavaScript修改CSS样式表的属性 143
7.6.2 使用JavaScript修改HTML元素的样式属性 145
练习题 146
第8章 Ajax编程 147
8.1 Aiax编程基础 147
8.1.1 创建XMLHttpRequest对象 147
8.1.2 发送HTTP请求 148
8.1.3 从服务器接收数据 148
8.1.4 进行HTTP头（HEAD）请求 151
8.1.5 超时控制 153
8.1.6 使用FormData对象向服务器发送数据 153
8.2 Ajax应用实例 156
8.2.1 自动刷新局部页面 156
8.2.2 使用FormData对象上传文件 158
练习题 162
第9章 JavaScript HTML5编程 164
9.1 HTML5的新特性 164
9.1.1 简化的文档类型和字符集 164
9.1.2 HTML5的新结构 165
9.1.3 HTML5的新增内联元素 166
9.1.4 全新的表单设计 166
9.1.5 强大的绘图和多媒体功能 167
9.1.6 打造桌面应用的一系列新功能 167
9.1.7 获取地理位置信息 168
9.1.8 支持多线程 168
9.1.9 浏览器对HTML5的支持 168
9.2 HTML5拖放功能 169
9.2.1 什么是拖放 169
9.2.2 设置元素为可拖放 170
9.2.3 拖放事件 170
9.2.4 传递拖曳数据 171
9.2.5 HTML5拖放的实例 172
9.3 无插件播放多媒体 174
9.3.1 HTML5音频 174
9.3.2 HTML5视频 180
9.4 获取浏览器的地理位置信息 186
9.4.1 什么是浏览器地理位置 187
9.4.2 浏览器对获取地理位置信息的支持情况 187
9.4.3 获取地理位置信息 188
9.4.4 数据保护 191
练习题 194
第10章 最流行的JavaScript脚本库jQuery 197
10.1 jQuery基础 197
10.1.1 下载jQuery 197
10.1.2 初识jQuery 198
10.2 jQuery选择器 199
10.2.1 基础选择器 199
10.2.2 层次选择器 202
10.2.3 基本过滤器 207
10.2.4 内容过滤器 209
10.2.5 可见性过滤器 210
10.2.6 属性过滤器 211
10.2.7 子元素过滤器 213
10.3 设置HTML元素的属性与CSS样式 214
10.3.1 设置HTML元素的属性 214
10.3.2 设置CSS样式 217
10.4 表单编程 220
10.4.1 表单选择器 220
10.4.2 表单过滤器 223
10.4.3 表单API 225
10.5 事件和Event对象 228
10.5.1 事件处理函数 228
10.5.2 Event对象 228
10.5.3 绑定到事件处理函数 230
10.5.4 键盘事件 231
10.5.5 鼠标事件 232
10.5.6 文档加载事件 234
10.5.7 浏览器事件 234
10.6 jQuery动画 235
10.6.1 执行自定义的动画 235
1 06.2 显示和隐藏HTML元素 236
10.6.3 淡入淡出效果 238
10.6.4 滑动效果 241
10.6.5 动画队列 243
10.7 jQuery特效应用实例 245
10.7.1 幻灯片式画廊 246
10.7.2 使用jQuery+CSS3设计旋转切换图片的幻灯片 252
10.7.3 设计上下翻滚效果的导航菜单 255
练习题 257
第11章 JavaScript特效应用实例 258
11.1 提示条和工具栏 258
11.1.1 鼠标悬停在图片上时显示文字提示 258
11.1.2设计固定在网页顶部的工具栏 261
11.2 页面显示特效 264
11.2.1 QQ在线客服浮动窗口 264
11.2.2 栏目轮流显示的特效 266
11.3 图片展示 268
11.3.1 滚动的画廊 268
11.3.2 在网页上浮动广告图片 271
11.4 菜单设计 271
11.4.1 切换栏目的菜单 271
11.4.2 jQuery设计的下拉菜单 273
附录 实验 276
实验1 HTML基础 276
实验2 JavaScript编程 278
实验3 JavaScript编辑和调试工具 279
实验4 JavaScript函数 280
实验5 JavaScript面向对象程序设计 282
实验6 JavaScript事件处理 284
实验7 JavaScript表单编程 285
实验8 JavaScript CSS编程 286
实验9 Ajax编程 287
实验10 JavaScript HTML5编程 288
实验11 jQuery编程 291
实验12 JavaScript特效应用实例 293