JavaScript前端开发实用技术教程

第1篇　基础篇
第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．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篇　进阶篇
第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　HTML DOM框架　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篇　高级应用篇
第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　Ajax编程基础　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
10．6．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