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

本书从实际开发的角度，全面介绍了JavaScript编程的基础知识和实用技术。全书内容分基础篇、进阶篇和高级篇，包括Web前端开发技术概述、JavaScript语言基础、函数应用、面向对象程序设计、事件处理、表单编程、CSS编程、Ajax编程、HTML5编程、jQuery，最后还介绍了特效应用实例，包括提示条和工具栏、页面显示特效、图片展示和菜单设计等。
　　本书既可作为大学本、专科“Web应用程序设计”课程的教材，也可作为高职高专院校相关专业的教材，还可作为Web应用程序开发人员的参考用书。