目  录

第1篇　基础知识 

第1章　初识JavaScript  2

  视频讲解：51分钟

1.1　JavaScript简述  3

1.1.1　JavaScript的起源  3

1.1.2　JavaScript的主要特点  3

1.1.3　JavaScript的应用  4

1.2　编写JavaScript的工具  6

1.3　JavaScript在HTML中的应用  6

1.3.1　在页面中直接嵌入JavaScript  7

1.3.2　链接外部JavaScript文件  9

1.3.3　作为特定标记的属性值使用  11

1.4　JavaScript基本语法  11

1.4.1　执行顺序  11

1.4.2　大小写敏感  11

1.4.3　空格与换行  12

1.4.4　每行结尾的分号可有可无  12

1.4.5　注释  12

1.5　小结  13

第2章　JavaScript基础  14

  视频讲解：158分钟

2.1　数据类型  15

2.1.1　数值型  15

2.1.2　字符串型  16

2.1.3　布尔型  17

2.1.4　特殊数据类型  18

2.2　常量和变量  19

2.2.1　常量  19

2.2.2　变量  19

2.3　运算符  21

2.3.1　算术运算符  22

2.3.2　比较运算符  23

2.3.3　赋值运算符  23

2.3.4　字符串运算符  24

2.3.5　逻辑运算符  24

2.3.6　条件运算符  25

2.3.7　其他运算符  25

2.3.8　运算符优先级  26

2.4　表达式  28

2.5　数据类型的转换规则  28

2.6　小结  29

2.7　实践与练习  29

第3章　流程控制  30

  视频讲解：151分钟

3.1　赋值语句  31

3.2　条件判断语句  31

3.2.1　简单if语句  31

3.2.2　if…else语句  32

3.2.3　if…else if语句  33

3.2.4　if语句的嵌套  36

3.2.5　switch语句  37

3.3　循环控制语句  39

3.3.1　while语句  39

3.3.2　do…while语句  41

3.3.3　for循环  41

3.4　跳转语句  43

3.4.1　continue语句  43

3.4.2　break语句  43

3.5　小结  45

3.6　实践与练习  45

第4章　函数  46

  视频讲解：92分钟

4.1　函数的定义  47

4.2　函数的调用  47

4.2.1　函数的简单调用  47

4.2.2　在事件响应中调用函数  49

4.2.3　通过超链接调用函数  49

4.3　函数的参数  50

4.4　函数的返回值  50

4.5　嵌套函数  51

4.6　递归函数  52

4.7　JavaScript中的内置函数  54

4.8　Function()构造函数与函数直接量  57

4.9　小结  59

4.10　实践与练习  59

第5章　JavaScript对象与数组  60

  视频讲解：176分钟

5.1　JavaScript内部对象  61

5.1.1　Object对象  61

5.1.2　String对象  64

5.1.3　Date对象  67

5.1.4　event对象  71

5.1.5　FileSystemObject对象  80

5.1.6　Drive对象  85

5.1.7　File对象  90

5.1.8　Folder对象  102

5.2　对象访问语句  103

5.2.1　for…in循环语句  103

5.2.2　with语句  105

5.3　JavaScript中的数组  105

5.3.1　创建Array对象  106

5.3.2　Array对象的输入/输出  106

5.3.3　Array对象的属性  108

5.3.4　Array对象的方法  109

5.3.5　数组的添加和删除  110

5.3.6　设置数组的排列顺序  113

5.3.7　获取数组中的某段数组元素  114

5.3.8　将数组转换成字符串  115

5.4　小结  117

5.5　实践与练习  117

第6章　字符串与数值处理对象  118

  视频讲解：132分钟

6.1　String对象  119

6.1.1　String对象的创建  119

6.1.2　String对象的属性  119

6.1.3　String对象的方法  122

6.2　数值处理对象  130

6.2.1　Math对象  130

6.2.2　Number对象  132

6.2.3　Boolean对象  137

6.3　小结  140

6.4　实践与练习  140

第7章　正则表达式  141

  视频讲解：84分钟

7.1　正则表达式基础  142

7.1.1　正则表达式的基本结构  142

7.1.2　正则表达式的作用  142

7.2　正则表达式语法  142

7.2.1　模式匹配符  143

7.2.2　定位符与原义字符  144

7.2.3　限定符与选择匹配符  147

7.2.4　字符匹配符  148

7.2.5　分组组合与反向引用符  150

7.2.6　实际应用  151

7.3　RegExp对象  153

7.3.1　创建RegExp对象  153

7.3.2　RegExp对象的属性  155

7.3.3　RegExp对象的方法  156

7.4　String对象中的模式匹配方法  158

7.5　小结  161

7.6　实践与练习  161

第8章　程序调试与错误处理  162

  视频讲解：46分钟

8.1　IE浏览器内建的错误报告  163

8.2　处理异常  164

8.2.1　异常类型  164

8.2.2　触发onerror事件处理异常  164

8.2.3　使用try...catch…finally语句处理异常  166

8.3　JavaScript语言调试技巧  170

8.3.1　使用alert()语句进行调试  170

8.3.2　使用write()语句进行调试  171

8.3.3　使用抛出自定义异常消息进行调试  172

8.4　小结  173

8.5　实践与练习  173

第2篇　核心技术 

第9章　事件处理  176

  视频讲解：48分钟

9.1　事件与事件处理概述  177

9.1.1　事件与事件名称  177

9.1.2　JavaScript的常用事件  177

9.1.3　事件处理程序的调用  179

9.2　DOM事件模型  180

9.2.1　事件流  180

9.2.2　主流浏览器的事件模型  181

9.2.3　事件对象  181

9.2.4　注册与移除事件监听器  182

9.3　鼠标键盘事件  184

9.3.1　鼠标单击事件  184

9.3.2　鼠标按下/松开事件  185

9.3.3　鼠标移入/移出事件  186

9.3.4　鼠标移动事件  187

9.3.5　键盘事件  187

9.4　页面相关事件  190

9.4.1　加载与卸载事件  190

9.4.2　页面大小事件  192

9.5　表单相关事件  193

9.5.1　获得焦点与失去焦点事件  193

9.5.2　失去焦点修改事件  194

9.5.3　表单提交与重置事件  195

9.6　滚动字幕事件  198

9.6.1　onbounce事件  198

9.6.2　onstart事件  199

9.7　编辑事件  200

9.7.1　文本编辑事件  200

9.7.2　对象拖动事件  204

9.8　小结  207

9.9　实践与练习  207

第10章　文档（document）对象  208

  视频讲解：19分钟

10.1　文档对象概述  209

10.2　文档对象的常用属性、方法与事件  209

10.2.1　document对象的属性  209

10.2.2　document对象的方法  210

10.2.3　document对象的事件  210

10.3　document对象的应用  211

10.3.1　设置超链接文字颜色  211

10.3.2　设置文档前景色和背景色  213

10.3.3　查看文档创建日期、修改日期和文档大小  214

10.3.4　设置动态标题栏  215

10.3.5　获取并设置URL  216

10.3.6　获取对象的当前状态  217

10.3.7　在文档中输出数据  218

10.3.8　打开新窗口并输出内容  219

10.3.9　动态添加HTML标记  221

10.3.10　获取文本框并修改其内容  222

10.4　小结  223

10.5　实践与练习  223

第11章　文档对象模型（DOM对象）  224

  视频讲解：28分钟

11.1　DOM概述  225

11.1.1　DOM分层  225

11.1.2　DOM级别  226

11.2　DOM对象节点属性  227

11.2.1　访问指定节点  227

11.2.2　遍历文档树  229

11.3　节点  232

11.3.1　创建节点  232

11.3.2　插入节点  234

11.3.3　复制节点  235

11.3.4　删除与替换节点  237

11.4　获取文档中的指定元素  239

11.4.1　通过元素的id属性获取元素  239

11.4.2　通过元素的name属性获取元素  239

11.5　与DHTML相对应的DOM  241

11.5.1　innerHTML和innerText属性  241

11.5.2　outerHTML和outerText属性  242

11.6　小结  243

11.7　实践与练习  243

第12章　window窗口对象  244

  视频讲解：32分钟

12.1　window对象  245

12.1.1　window对象的属性  245

12.1.2　window对象的方法  245

12.1.3　window对象的使用  246

12.2　对话框  247

12.2.1　警告对话框  247

12.2.2　询问回答对话框  248

12.2.3　提示对话框  248

12.3　窗口的打开与关闭  249

12.3.1　打开窗口  249

12.3.2　关闭窗口  252

12.4　控制窗口  254

12.4.1　移动窗口  254

12.4.2　改变窗口大小  257

12.4.3　窗口滚动  258

12.4.4　访问窗口历史  260

12.4.5　控制窗口状态栏  260

12.4.6　窗口时间与超时设定  263

12.5　窗口事件  264

12.5.1　通用窗口事件  264

12.5.2　扩展窗口事件  264

12.6　IE浏览器窗口扩展  265

12.6.1　模式窗口  265

12.6.2　无模式窗口  265

12.7　小结  266

12.8　实践与练习  266

第13章　级联样式表  267

  视频讲解：65分钟

13.1　样式表简介  268

13.2　什么是CSS  268

13.3　CSS规则  270

13.4　利用Dreamweaver编写CSS代码  270

13.5　style对象  271

13.5.1　style对象简介  271

13.5.2　style对象的样式标签属性和样式属性  272

13.5.3　style元素对象的滤镜属性  292

13.5.4　style元素对象的方法  298

13.6　CSS选择器  300

13.6.1　标记选择器  301

13.6.2　类别选择器  302

13.6.3　id选择器  304

13.6.4　通用选择器  305

13.7　在页面中包含CSS  306

13.7.1　行内样式  307

13.7.2　内嵌式样式表  308

13.7.3　链接式样式表  308

13.7.4　样式表调用的优先顺序  309

13.8　CSS的继承  311

13.8.1　HTML的继承关系  311

13.8.2　CSS继承的运用  313

13.9　小结  314

13.10　实践与练习  314

第14章　表单和表单元素  315

  视频讲解：32分钟

14.1　什么是表单  316

14.2　表单标记<form>  316

14.2.1　处理程序action属性  317

14.2.2　表单名称name属性  317

14.2.3　提交方式method属性  317

14.2.4　编码方式enctype属性  318

14.2.5　目标显示方式target属性  318

14.3　输入标记<input>  319

14.3.1　文字域text  319

14.3.2　密码域password  320

14.3.3　单选按钮radio  321

14.3.4　复选框checkbox  322

14.3.5　普通按钮button  322

14.3.6　提交按钮submit  323

14.3.7　重置按钮reset  323

14.3.8　图像域image  324

14.3.9　隐藏域hidden  325

14.3.10　文件域file  325

14.4　文本域标记<textarea>  326

14.5　菜单和列表标记<select>与<option>  327

14.6　利用Dreamweaver快速创建表单元素  328

14.7　在JavaScript中访问表单  330

14.8　在JavaScript中访问表单域  330

14.9　表单验证  331

14.10　小结  333

14.11　实践与练习  333

第3篇　高级应用 

第15章　页面打印  336

  视频讲解：12分钟

15.1　用WebBrowser组件的execWB()方法进行打印  337

15.2　打印指定框架中的内容  339

15.3　分页打印  340

15.4　设置页眉/页脚  342

15.5　小结  344

15.6　实践与练习  344

第16章　使用Cookie  345

  视频讲解：31分钟

16.1　了解Cookie  346

16.1.1　Cookie的形式  346

16.1.2　Cookie的属性  347

16.1.3　Cookie的主要用途  347

16.1.4　Cookie的优点  348

16.1.5　Cookie的缺点  348

16.2　在JavaScript中使用Cookie  349

16.2.1　Cookie设置  349

16.2.2　Cookie的传递流程  351

16.2.3　Cookie的写入  352

16.2.4　Cookie的读取  357

16.2.5　Cookie的删除  359

16.3　Cookie的安全问题  360

16.4　页面重定向中使用Cookie  361

16.5　小结  362

16.6　实践与练习  362

第17章　图像处理  363

  视频讲解：30分钟

17.1　Image对象  364

17.2　图像对象的应用  364

17.2.1　图像的预装载  364

17.2.2　图片的随机显示  366

17.2.3　无间断的图片滚动效果  368

17.2.4　登录图片验证码  370

17.2.5　浮动广告  371

17.2.6　图片渐变效果  372

17.2.7　进度条的显示  373

17.2.8　图片的时钟显示  374

17.2.9　不断闪烁的图片  375

17.2.10　图片翻转效果  376

17.2.11　图片水波倒影  380

17.2.12　图片总置于顶端  381

17.3　小结  382

17.4　实践与练习  382

第18章　浏览器检测  383

  视频讲解：12分钟

18.1　浏览器检测对象  384

18.1.1　浏览器对象的属性  384

18.1.2　浏览器对象的子对象  385

18.2　检测浏览器是否支持某些特性  386

18.3　检测Quirks模式和标准模式  387

18.4　小结  388

18.5　实践与练习  388

第19章　嵌入式对象  389

  视频讲解：23分钟

19.1　object嵌入对象标记  390

19.2　MIME类型  391

19.3　Java applet对象  392

19.3.1　创建Java applet  392

19.3.2　嵌入Java applet  393

19.3.3　在IE中执行Java applet  393

19.3.4　JavaScript与Java applet交互  394

19.4　ActiveX控件  395

19.4.1　创建ActiveX  396

19.4.2　嵌入ActiveX  396

19.4.3　JavaScript与ActiveX交互  396

19.5　Flash  397

19.5.1　嵌入Flash  397

19.5.2　用JavaScript控制Flash  398

19.6　小结  400

19.7　实践与练习  400

第20章　JavaScript中的XML  401

  视频讲解：19分钟

20.1　XML简介  402

20.2　创建XML  402

20.3　DOM与XML  403

20.4　载入XML  404

20.4.1　在IE中创建DOM并载入XML  405

20.4.2　在Mozilla中创建DOM并载入XML  405

20.5　读取XML  407

20.5.1　获取XML元素的属性值  407

20.5.2　通过JavaScript获取XML文档中的数据  408

20.5.3　使用XML DOM对象读取XML文档  409

20.6　通过JavaScript操作XML实现分页  411

20.7　小结  413

20.8　实践与练习  413

第21章　JavaScript的安全  414

  视频讲解：17分钟

21.1　同源策略  415

21.2　Internet Explorer安全区域  416

21.3　JavaScript代码安全  416

21.3.1　屏蔽部分按键  417

21.3.2　屏蔽鼠标右键  419

21.3.3　禁止复制网页内容  420

21.4　JavaScript加密  420

21.4.1　JavaScript代码加密  420

21.4.2　JavaScript编写MD5加密  422

21.5　小结  426

21.6　实践与练习  426

第22章　Ajax技术  427

  视频讲解：38分钟

22.1　当下谁在用Ajax  428

22.1.1　百度搜索提示  428

22.1.2　明日学院选择偏好课程  428

22.2　Ajax开发模式与传统开发模式的比较  428

22.3　Ajax技术特点  429

22.4　Ajax使用的技术  430

22.4.1　XMLHttpRequest对象  430

22.4.2　XML  430

22.4.3　JavaScript  432

22.4.4　CSS  433

22.4.5　DOM  433

22.5　应用Ajax需要注意的几个问题  433

22.5.1　安全问题  433

22.5.2　性能问题  434

22.5.3　浏览器兼容性问题  434

22.5.4　中文乱码问题  434

22.6　Ajax新技术—XMLHttpRequest对象  435

22.6.1　初始化XMLHttpRequest对象  435

22.6.2　XMLHttpRequest对象的常用方法  436

22.6.3　XMLHttpRequest对象的常用属性  438

22.6.4　实战模拟：不刷新页面提交表单数据  441

22.7　Ajax的重构  444

22.7.1　Ajax重构的步骤  445

22.7.2　实时显示商城公告  446

22.8　小结  448

22.9　实践与练习  448

第23章　jQuery技术  449

  视频讲解：95分钟

23.1　jQuery概述  450

23.1.1　jQuery能做什么  450

23.1.2　jQuery的特点  451

23.2　jQuery下载与配置  452

23.2.1　下载jQuery  452

23.2.2　配置jQuery  453

23.3　jQuery的插件  453

23.3.1　插件的使用  454

23.3.2　流行的插件  454

23.4　jQuery选择器  456

23.4.1　jQuery的工厂函数  456

23.4.2　基本选择器  457

23.4.3　层级选择器  464

23.4.4　过滤选择器  472

23.4.5　属性选择器  479

23.4.6　表单选择器  479

23.5　jQuery控制页面  481

23.5.1　对元素内容和值进行操作  481

23.5.2　对DOM节点进行操作  485

23.5.3　对元素属性进行操作  490

23.5.4　对元素的CSS样式进行操作  490

23.6　jQuery的事件处理  491

23.6.1　页面加载响应事件  492

23.6.2　jQuery中的事件  492

23.6.3　事件绑定  494

23.6.4　模拟用户操作  495

23.6.5　事件捕获与事件冒泡  496

23.7　jQuery的动画效果  499

23.7.1　基本动画效果  499

23.7.2　淡入淡出动画效果  502

23.7.3　滑动效果  503

23.7.4　自定义动画效果  506

23.8　小结  510

23.9　实践与练习  510

第24章　常用前端框架简介  511

  视频讲解：62分钟

24.1　React简介  512

24.1.1　React概述  512

24.1.2　创建React元素  513

24.1.3　创建组件  517

24.2　Vue.js简介  519

24.2.1　什么是Vue.js  520

24.2.2　Vue.js的安装  521

24.2.3　Vue实例及选项  521

24.2.4　数据绑定  524

24.2.5　指令  527

24.3　小结  533

24.4　实践与练习  533

第4篇　项目实战 

第25章　JavaScript+Ajax+jQuery网页开发  536

  视频讲解：15分钟

25.1　系统分析  537

25.2　系统设计  537

25.2.1　系统目标  537

25.2.2　系统功能结构  537

25.3　网页预览  538

25.4　使用JavaScript技术实现导航菜单设计  540

25.5　使用jQuery技术实现图片展示区  542

25.6　使用Ajax技术实现“最新消息”栏目  545

25.7　使用JavaScript脚本实现“产品推荐”栏目  547

25.8　使用JavaScript脚本实现浮动窗口设计  549

25.9　小结  551