内容简介

本书以零基础讲解为宗旨，用实例引导读者深入学习，采取“JavaScript基础入门→JavaScript核心技术→jQuery高级应用→综合案例实战”的讲解模式，深入浅出地讲解HTML 5的各项技术及实战技能。

本书第1篇“JavaScript基础入门”主要内容包括：必须了解的JavaScript知识、JavaScript编程基础、程序控制结构和语句；第2篇“JavaScript核心技术”主要内容包括：JavaScript中的函数、对象与数组、日期与字符串对象、数值与数学对象、文档对象模型与事件驱动、处理窗口和文档对象、JavaScript的调试和错误处理、JavaScript和Ajax技术；第3篇“jQuery高级应用”主要内容包括：jQuery的基础知识、jQuery的选择器、用jQuery控制页面、jQuery的动画特效、jQuery的事件处理、jQuery的功能函数、jQuery插件的开发与使用；第4篇“综合案例实战”主要内容包括：开发图片堆叠系统和开发商品信息展示系统。

 

本书适合任何想学习JavaScript+jQuery网页设计的人员，无论您是否从事计算机相关行业，无论您是否接触过JavaScript+jQuery，通过学习均可快速掌握JavaScript+jQuery网页设计的方法和技巧。

 

前    言

　　“网站开发案例课堂”系列图书是专门为办公技能和网页设计初学者量身定制的一套学习用书。整套书涵盖网页设计、网站开发、数据库设计等方面。整套书具有以下特点。

前沿科技

　　无论是网站建设、数据库设计还是HTML 5、CSS 3、JavaScript，我们都精选较为前沿或者用户群较大的领域进行讲解，帮助读者认识和了解最新动态。

权威的作者团队

　　组织国家重点实验室和资深应用专家联手编著该套图书，融合丰富的教学经验与优秀的管理理念。

学习型案例设计

　　以技术的实际应用过程为主线，全程采用图解和同步多媒体结合的教学方式，生动、直观、全面地剖析使用过程中的各种应用技能，降低难度，提升学习效率。

为什么要写这样一本书

　　随着网页对用户页面体验要求的提高，JavaScript再度受到广大技术人员的重视。jQuery是继prototype之后又一个优秀的JavaScript框架。本书将全面介绍JavaScript + jQuery动态网页设计的知识，主要针对学习动态网页设计的初学者，让读者能够快速入门和上手。通过本书的案例实训，读者可以很快地上手流行的工具，提高职业化能力，从而帮助解决公司与求职者的双重需求问题。

本书特色

零基础、入门级的讲解

　　无论您是否从事计算机相关行业，无论您是否接触过JavaScript + jQuery动态网页设计，都能从本书中找到最佳起点。

超多、实用、专业的范例和项目

　　本书在编排上紧密结合深入学习网页制作技术的先后过程，从JavaScript的基本概念开始，带领读者逐步深入地学习各种应用技巧，侧重实战技能，使用简单易懂的实际案例进行分析和操作指导，让读者读起来简明轻松，操作起来有章可循。

随时检测自己的学习成果

　　大部分章后的“疑难解惑”板块，均根据本章内容精选而成，可以帮助读者解决自学过程中常见的疑难问题。

细致入微、贴心提示

　　本书在讲解过程中，在各章中使用了“注意”“提示”“技巧”等小贴士，使读者在学习过程中更清楚地了解相关操作、理解相关概念，并轻松掌握各种操作技巧。

专业创作团队和技术支持

　　您在学习过程中遇到任何问题，可加入QQ群(案例课堂VIP)451102631进行提问，会有专家在线答疑。

超值资源大放送

全程同步教学录像

　　涵盖本书所有知识点，详细讲解每个实例及项目的过程及技术关键点。使读者比看书更轻松地掌握书中所有的网页制作和设计知识，而且扩展的讲解部分能使读者获得比书中讲解更多的收获。

超多容量王牌资源

　　赠送大量王牌资源，包括实例源代码、教学幻灯片、本书精品教学视频、88个实用类网页模板、12部网页开发必备参考手册、jQuery参考手册、JavaScript函数速查手册、精选的JavaScript实例、CSS 3属性速查表、CSS+DIV布局赏析案例、精彩网站配色方案赏析、网页样式与布局案例赏析、Web前端工程师常见面试题等。读者可以通过QQ群(案例课堂VIP)451102631获取赠送资源，也可以扫描二维码，下载本书资源。

读者对象

没有任何网页设计基础的初学者。

有一定的JavaScript基础，想精通JavaScript+jQuery网页设计的人员。

有一定的JavaScript+jQuery网页设计基础，没有项目经验的人员。

正在进行毕业设计的学生。

大专院校及培训学校的老师和学生。

创作团队

　　本书由刘春茂编著，参加编写的人员还有刘玉萍、张金伟、蒲娟、周佳、付红、李园、郭广新、侯永岗、王攀登、刘海松、孙若淞、王月娇、包慧利、陈伟光、胡同夫、王伟、展娜娜、李琪、梁云梁和周浩浩。在编写过程中，我们竭尽所能地将最好的讲解呈现给读者，但也难免有疏漏和不妥之处，敬请不吝指正。若您在学习中遇到困难或疑问，或有任何建议，可写信至信箱357975357@qq.com。

　　　

　　                                                      编  者  

 

目    录

第1篇  JavaScript基础入门

 

第1章  必须了解的JavaScript知识 3

1.1　认识JavaScript 4

1.1.1　什么是JavaScript 4

1.1.2　JavaScript的特点 4

1.1.3　JavaScript与Java的区别 5

1.1.4　JavaScript版本 6

1.2　JavaScript的编写工具 7

1.2.1　记事本 7

1.2.2　UltraEdit-32 8

1.2.3　Dreamweaver CC 9

1.3　JavaScript在HTML 5中的使用 10

1.3.1　在HTML 5网页头中嵌入

JavaScript代码 10

1.3.2　在HTML 5网页中嵌入JavaScript

代码 11

1.3.3　在HTML 5网页的元素事件中

嵌入JavaScript代码 12

1.3.4　在HTML 5中调用已有的

JavaScript文件 13

1.3.5　通过JavaScript伪URL引入

JavaScript脚本代码 14

1.4　JavaScript和浏览器 15

1.4.1　在Internet Explorer中调用

JavaScript代码 15

1.4.2　在Firefox中调用JavaScript

代码 16

1.4.3　在Opera中调用JavaScript

代码 16

1.4.4　浏览器中的文档对象类型

(DOM) 16

1.5　实战演练——一个简单的JavaScript

示例 17

1.6  疑难解惑 18

第2章  JavaScript编程基础 19

2.1　JavaScript的基本语法 20

2.1.1　执行顺序 20

2.1.2　区分大小写 20

2.1.3　分号与空格 20

2.1.4　对代码进行换行 21

2.1.5　注释 21

2.1.6　语句 23

2.1.7　语句块 24

2.2　JavaScript的数据结构 25

2.2.1　标识符 25

2.2.2　关键字 26

2.2.3　保留字 26

2.2.4　常量 27

2.2.5　变量 27

2.3　看透代码中的数据类型 29

2.3.1　typeof运算符 29

2.3.2　Undefined类型 31

2.3.3　Null类型 31

2.3.4　Boolean类型 32

2.3.5　Number类型 32

2.3.6　String类型 33

2.3.7　Object类型 34

2.4　明白数据间的计算法则——运算符 34

2.4.1　算术运算符 34

2.4.2　比较运算符 35

2.4.3　位运算符 36

2.4.4　逻辑运算符 38

2.4.5　条件运算符 39

2.4.6　赋值运算符 40

2.4.7　运算符的优先级 42

2.5　JavaScript的表达式 43

2.5.1　赋值表达式 43

2.5.2　算术表达式 44

2.5.3　布尔表达式 44

2.5.4　字符串表达式 46

2.5.5　类型转换 47

2.6　实战演练——局部变量和全局变量的

优先级 48

2.7　疑难解惑 49

第3章  程序控制结构和语句 51

3.1　基本处理流程 52

3.2　赋值语句 53

3.3　条件判断语句 53

3.3.1　if语句 53

3.3.2　if-else语句 54

3.3.3　if-else-if语句 55

3.3.4　if语句的嵌套 56

3.3.5　switch语句 57

3.4　循环控制语句 59

3.4.1　while语句 59

3.4.2　do-while语句 60

3.4.3　for循环 61

3.5　跳转语句 62

3.5.1　break语句 62

3.5.2　continue语句 63

3.6　使用对话框 64

3.7　实战演练——显示距离2018年元旦的

天数 66

3.8　疑难解惑 68

 

　　

第2篇  JavaScript核心技术

 

第4章  JavaScript中的函数 71

4.1  函数的简介 72

4.2  调用函数 72

4.2.1  函数的简单调用 72

4.2.2  在表达式中调用 73

4.2.3  在事件响应中调用函数 74

4.2.4  通过链接调用函数 75

4.3  JavaScript中常用的函数 76

4.3.1  嵌套函数 76

4.3.2  递归函数 77

4.3.3  内置函数 78

4.4  实战演练1——购物简易计算器 86

4.5  实战演练2——制作闪烁图片 89

4.6  疑难解惑 90

第5章  对象与数组 91

5.1　了解对象 92

5.1.1　什么是对象 92

5.1.2　面向对象编程 93

5.1.3　JavaScript的内部对象 94

5.2　对象访问语句 95

5.2.1　for-in循环语句 95

5.2.2　with语句 96

5.3　JavaScript中的数组 97

5.3.1　结构化数据 97

5.3.2　创建和访问数组对象 97

5.3.3　使用for-in语句 100

5.3.4　Array对象的常用属性

和方法 100

5.4　详解常用的数组对象方法 109

5.4.1　连接其他数组到当前数组 109

5.4.2　将数组元素连接为字符串 110

5.4.3　移除数组中的最后一个元素 110

5.4.4　将指定的数值添加到数组中 111

5.4.5　反序排列数组中的元素 112

5.4.6　删除数组中的第一个元素 112

5.4.7　获取数组中的一部分数据 113

5.4.8　对数组中的元素进行排序 114

5.4.9　将数组转换成字符串 115

5.4.10　将数组转换成本地字符串 116

5.4.11　在数组开头插入数据 116

5.5　创建和使用自定义对象 117

5.5.1　通过定义对象的构造函数的

方法 117

5.5.2　通过对象直接初始化的方法 120

5.5.3　修改和删除对象实例的属性 120

5.5.4　通过原型为对象添加新属性和

新方法 121

5.5.5　自定义对象的嵌套 123

5.5.6　内存的分配和释放 125

5.6　实战演练——利用二维数组创建动态

下拉菜单 126

5.7　疑难解惑 128

第6章  日期与字符串对象 129

6.1　日期对象 130

6.1.1　创建日期对象 130

6.1.2　Date对象的属性 131

6.1.3　日期对象的常用方法 131

6.2　详解日期对象的常用方法 134

6.2.1　返回当前日期和时间 135

6.2.2　以不同的格式显示当前日期 135

6.2.3　返回日期所对应的是星期几 136

6.2.4　显示当前时间 137

6.2.5　返回距1970年1月1日午夜的

时间差 138

6.2.6　以不同的格式来显示UTC

日期 139

6.2.7　根据世界时返回日期对应的是

星期几 140

6.2.8　以不同的格式来显示UTC

时间 141

6.2.9　设置日期对象中的年份、月份

和日期值 142

6.2.10　设置日期对象中的小时、分钟

和秒钟值 143

6.2.11　以UTC日期对Date对象进行

 设置 144

6.2.12　返回当地时间与UTC时间的

 差值 145

6.2.13　将Date对象中的日期转化为

 字符串格式 146

6.2.14　返回一个以UTC时间表示的

 日期字符串 147

6.2.15　将日期对象转化为本地日期 147

6.2.16　日期间的运算 148

6.3　字符串对象 149

6.3.1　创建字符串对象 149

6.3.2　字符串对象的常用属性 150

6.3.3　字符串对象的常用方法 151

6.4　详解字符串对象的常用方法 152

6.4.1　设置字符串字体属性 152

6.4.2　以闪烁方式显示字符串 153

6.4.3　转换字符串的大小写 154

6.4.4　连接字符串 155

6.4.5　比较两个字符串的大小 156

6.4.6　分割字符串 156

6.4.7　从字符串中提取字符串 157

6.5　实战演练1——制作网页随机

验证码 158

6.6　实战演练2——制作动态时钟 159

6.7　疑难解惑 161

第7章  数值与数学对象 163

7.1　Number对象 164

7.1.1　创建Number对象 164

7.1.2　Number对象的属性 164

7.1.3　Number对象的方法 168

7.2　详解Number对象常用的方法 168

7.2.1　把Number对象转换为

字符串 168

7.2.2　把Number对象转换为本地格式

字符串 169

7.2.3　四舍五入时指定小数位数 170

7.2.4　返回以指数记数法表示的

数值 170

7.2.5　以指数记数法指定小数位 171

7.3　Math对象 171

7.3.1　创建Math对象 171

7.3.2　Math对象的属性 172

7.3.3　Math对象的方法 173

7.4　详解Math对象常用的方法 174

7.4.1　返回数的绝对值 174

7.4.2　返回数的正弦值、余弦值和

正切值 175

7.4.3　返回数的反正弦值、反正切值

和反余弦值 177

7.4.4　返回两个或多个参数中的

最大值或最小值 179

7.4.5　计算指定数值的平方根 180

7.4.6　数值的幂运算 180

7.4.7　计算指定数值的对数 181

7.4.8　取整运算 182

7.4.9　生成0到1之间的随机数 183

7.4.10　根据指定的坐标返回一个

 弧度值 183

7.4.11　返回大于或等于指定参数的

 最小整数 184

7.4.12　返回小于或等于指定参数的

 最大整数 185

7.4.13　返回以e为基数的幂 185

7.5　实战演练——使用Math对象设计

程序 186

7.6　疑难解惑 187

第8章  文档对象模型与事件驱动 189

8.1　文档对象模型 190

8.1.1　认识文档对象模型 191

8.1.2　文档对象的产生过程 192

8.2　访问节点 193

8.2.1　节点的基本概念 193

8.2.2　节点的基本操作 194

8.3　文档对象模型的属性和方法 206

8.4　事件处理 207

8.4.1　常见的事件驱动 208

8.4.2　JavaScript的常用事件 210

8.4.3　JavaScript处理事件的方式 212

8.4.4　使用event对象 216

8.5　实战演练1——通过事件控制文本框的

背景颜色 217

8.6　实战演练2——在DOM模型中获得

对象 219

8.7　实战演练3——超级链接的事件

驱动 221

8.8　疑难解惑 222

第9章  处理窗口和文档对象 225

9.1　窗口(window)对象 226

9.1.1　窗口(window)简介 226

9.1.2　window对象的属性 228

9.1.3　对话框 235

9.1.4　窗口操作 241

9.2　文档(document)对象 244

9.2.1　文档的属性 244

9.2.2　document对象的方法 252

9.2.3　文档中的表单和图片 254

9.2.4　文档中的超链接 256

9.3　实战演练1——综合使用各种

对话框 258

9.4　实战演练2——设置弹出的窗口 259

9.5  疑难解惑 261

第10章  JavaScript的调试和错误

 处理 263

10.1　常见的错误和异常 264

10.2　处理异常的方法 265

10.2.1　用onerror事件处理异常 265

10.2.2　用try-catch-finally语句处理

 异常 267

10.2.3　使用throw语句抛出异常 268

10.3　使用调试器 269

10.3.1　IE浏览器内建的错误报告 269

10.3.2　用Firefox错误控制台调试 270

10.4　JavaScript语言调试技巧 270

10.4.1　用alert()语句进行调试 271

10.4.2　用write()语句进行调试 271

10.5　疑难解惑 272

第11章  JavaScript和Ajax技术 273

11.1　Ajax快速入门 274

11.1.1　什么是Ajax 274

11.1.2　Ajax的关键元素 277

　　

　　

　　

11.1.3　CSS在Ajax应用中的地位 277

11.2　Ajax的核心技术 278

11.2.1　全面剖析XMLHttpRequest

 对象 278

11.2.2　发出Ajax请求 280

11.2.3　处理服务器响应 282

11.3　实战演练1——制作自由拖放的

 网页 283

11.4　实战演练2——制作加载条 288

11.5　疑难解惑 290

 

　　

第3篇  jQuery高级应用

 

第12章  jQuery的基础知识 293

12.1　jQuery概述 294

12.1.1　jQuery能做什么 294

12.1.2　jQuery的特点 294

12.1.3　jQuery的技术优势 295

12.2　下载并配置jQuery 297

12.2.1　下载jQuery 298

12.2.2　配置jQuery 299

12.3　jQuery的开发工具 299

12.3.1　JavaScript Editor Pro 299

12.3.2　Dreamweaver 300

12.3.3　UltraEdit 301

12.3.4　记事本工具 301

12.4　jQuery的调试小工具 302

12.4.1　Firebug 302

12.4.2　Blackbird 305

12.4.3　jQueryPad 306

12.5　jQuery与CSS 3 307

12.5.1　CSS 3构造规则 307

12.5.2　浏览器的兼容性 308

12.5.3　jQuery的引入 309

12.6　实战演练——我的第一个jQuery

 程序 310

12.6.1　开发前的一些准备工作 310

12.6.2　具体的程序开发 311

12.7　疑难解惑 311

第13章  jQuery的选择器 313

13.1　jQuery的$ 314

13.1.1　$符号的应用 314

13.1.2　功能函数的前缀 315

13.1.3　创建DOM元素 315

13.2　基本选择器 316

13.2.1　通配符选择器(*) 316

13.2.2　ID选择器(#id) 317

13.2.3　类名选择器(.class) 318

13.2.4　元素选择器(element) 319

13.2.5　复合选择器 320

13.3　层级选择器 321

13.3.1　祖先后代选择器(ancestor 

 descendant) 321

13.3.2　父子选择器(parent>child) 323

13.3.3　相邻元素选择器(prev+next) 324

13.3.4　兄弟选择器(prev~siblings) 326

13.4　过滤选择器 327

13.4.1　简单过滤选择器 327

13.4.2　内容过滤选择器 334

13.4.3　可见性过滤选择器 340

13.4.4　表单过滤选择器 344

13.5　表单选择器 345

13.5.1　:input 346

13.5.2　:text 346

13.5.3　:password 347

13.5.4　:radio 348

13.5.5　:checkbox 349