JavaScript技术应用

第1章 JavaScript简介 1

1.1 什么是脚本语言 2

1.2 本书JavaScript开发和运行环境 4

1.3 在网页中使用JavaScript 4

1.3.1 使用标签 51.3.2 使用JavaScript 外部文件 61.3.3 JavaScript 编写规范 71.4 JavaScript核心构成 81.4.1 JavaScript数据类型 81.4.2 变量 91.4.3 混合计算时的数据类型 101.4.4 数据类型的转换 111.5 JavaScript表达式和运算符 131.5.1 赋值运算符 131.5.2 算术运算符 131.5.3 结合运算符 141.5.4 比较运算符 151.5.5 逻辑运算符 151.5.6 字符串运算符 161.5.7 条件运算符 171.5.8 运算符的优先级 17【小结】 17【自测题】 18上机部分 18上机目标 18上机练习 19◆第一阶段◆ 19◆第二阶段◆ 21【课后作业】 22

第2章 JavaScript语句和函数 232.1 条件判断语句 242.1.1 简单if语句 242.1.2 if-else语句 262.1.3 多重if语句 272.1.4 嵌套if语句 292.1.5 switch结构 302.2 循环控制语句 322.2.1 while循环 322.2.2 do-while循环 332.2.3 for循环 342.2.4 break和continue语句 362.3 函数 372.3.1 自定义函数及调用 382.3.2 全局变量与局部变量 412.3.3 内置函数 43【小结】 47【自测题】 48上机部分 48上机目标 48上机练习 49◆第一阶段◆ 49◆第二阶段◆ 53【课后作业】 54

第3章 JavaScript对象（一） 553.1 JavaScript中的对象 563.1.1 对象的创建 563.1.2 对象的属性 563.1.3 对象的方法 573.2 JavaScript 用户自定义对象 573.2.1 使用Object关键字构造对象 573.2.2 使用function关键字构造对象 583.3 JavaScript内置对象 593.3.1 字符串对象的常见属性和方法 593.3.2 Math对象的常用属性和方法 653.3.3 Date对象的常用属性和方法 67【小结】 75【自测题】 76上机部分 76上机目标 76上机练习 77◆第一阶段◆ 77◆第二阶段◆ 81【课后作业】 81

第4章 JavaScript对象（二） 834.1 数组对象 844.1.1 数组对象创建 844.1.2 数组下标与数组元素的使用 844.1.3 数组的 length 属性 854.1.4 数组元素的遍历 854.1.5 数组的常用方法列表 874.2 正则表达式 904.3 正则表达式的使用 924.3.1 使用正则的表单数据验证 934.3.2 字符串对象的方法对正则的支持 96【小结】 97【自测题】 97上机部分 98上机目标 98上机练习 98◆第一阶段◆ 98◆第二阶段◆ 105【课后作业】 105

第5章 文档对象模型 1065.1 文档对象模型概述 1075.1.1 一个HTML DOM的例子 1085.1.2 HTML DOM的树状结构 1095.1.3 使用DOM访问文档对象的元素 1105.1.4 IE浏览器对DOM的支持 1125.2 Window对象 1135.2.1 Window对象的属性 1135.2.2 Window对象的常用方法 1145.2.3 Window对象综合实例 1155.3 Document对象 1205.3.1 Document对象的属性 1205.3.2 Document对象的方法 1215.3.3 Document对象的颜色属性 1215.3.4 Document对象的集合属性 1225.4 Location 对象 1265.5 History对象 128【小结】 128【自测题】 129上机部分 129上机目标 129上机练习 130◆第一阶段◆ 130◆第二阶段◆ 134【课后作业】 135

第6章 JavaScript事件及应用 1366.1 事件与事件处理概述 1376.2 JavaScript事件的注册 1386.2.1 事件注册：绑定到页面元素属性 1386.2.2 事件注册：绑定到对象的属性 1406.2.3 事件处理函数的返回值 1416.3 JavaScript中常用的事件 1416.3.1 Window对象常用事件 1426.3.2 Document对象常用事件 1436.3.3 表单元素的常用事件 1456.3.4 IE的Event事件对象 156【小结】 157【自测题】 157上机部分 158上机目标 158上机练习 158◆第一阶段◆ 158◆第二阶段◆ 163【课后作业】 169

第7章 JavaScript特效制作（一） 1717.1 复习学过的样式 1727.1.1 样式的分类 1727.1.2 样式的综合应用 1737.2 常用的样式 1757.3 DOM对CSS的支持 1777.3.1 行内样式的操作 1787.3.2 使用Class改变样式 1807.4 样式和层在页面中的综合应用 1827.4.1 使用层来布局页面 1827.4.2 层的特效制作 185【小结】 191【自测题】 191上机部分 192上机目标 192上机练习 193◆第一阶段◆ 193◆第二阶段◆ 204【课后作业】 204

第8章 JavaScript特效制作（二） 2058.1 复习学过的框架 2068.2 基于框架的特效 2078.2.1 仿新浪论坛的树形菜单 2078.2.2 仿chinaren网站的左边收缩效果 2118.3 使用CSS制作菜单 2148.3.1 使用无序列表实现竖向菜单 2148.3.2 使用层实现横向菜单 2198.4 仿Google Suggest效果 221【小结】 227【自测题】 227上机部分 228上机目标 228上机练习 228◆第一阶段◆ 228【课后作业】 237

附录 239附录A String对象的方法 240附录B Math对象的方法 241附录C Date对象的方法 242附录D 正则表达式常见符号的意思 243附录E 基于浏览器的事件 245附录F CSS样式 248

查看全部↓

前言/序言

JavaScript是一种由Netscape（网景公司）的LiveScript发展而来的、原型化继承的、基于对象的、动态类型的、区分大小写的客户端脚本语言，主要目的是解决服务器端语言（如Perl）遗留的速度问题，为客户提供更流畅的浏览效果。当时服务端需要对数据进行验证，由于网络速度相当缓慢，只有28。8Kbps，验证步骤浪费的时间太多。于是Netscape的浏览器Navigator加入了JavaScript，提供了数据验证的基本功能。JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，如响应用户的各种操作。它最初由Netscape的Brendan Eich设计，是一种动态、弱类型、基于原型的语言，内置支持类。

本书是“软件工程师培养丛书”中的一本专业教材，该丛书是由武汉厚溥教育科技有限公司开发，以培养符合企业需求的软件工程师应用开发、实施为目标的IT职业教育丛书。在开发该丛书之前，我们对IT行业的岗位序列做了充分的调研，包括研究从业人员技术方向、项目经验和职业素质等方面的需求，通过对面向的学生的特点、行业需求的现状以及实施等方面的详细分析，结合“厚溥”对软件人才培养模式的认知，按照软件专业总体定位要求，进行软件专业产品课程体系设计。该丛书集应用软件知识和多领域的实践项目于一体，着重培养学生的熟练度和规范性、集成和项目能力，从而达到预定的培养目标。

本书包含8章：JavaScript简介、JavaScript语句和函数、JavaScript对象（一）、JavaScript对象（二）、文档对象模型、JavaScript事件及应用、JavaScript特效制作（一）、JavaScript特效制作（二）。

我们对本书的编写体系做了精心的设计，按照“理论学习—知识总结—上机操作—课后习题”这一思路进行编排。“理论学习”部分描述了通过本案例要达到的学习目的与涉及的相关知识点，使学习目标更加明确；“知识总结”部分概括了案例所涉及的知识点，使知识点完整系统地呈现；“上机操作”部分对案例进行了详尽分析，通过完整的步骤帮助读者快速掌握该案例的操作方法；“课后习题”部分帮助读者理解章节的知识点。本书在内容编写方面，力求细致全面；在文字叙述方面，注意言简意赅、重点突出；在案例选取方面，强调案例的针对性和实用性。

本书凝聚了编者多年来的教学经验和成果，可作为各类高等院校、高职高专及培训机构的教材，也可供广大程序设计人员参考。

本书由武汉厚溥教育科技有限公司编著，由翁高飞、王鹏等多名企业实战项目经理编写。本书编者长期从事项目开发和教学实施，并且对当前高校的教学情况非常熟悉，在编写过程中充分考虑到不同学生的特点和需求，加强了项目实战方面的教学。本书编写过程中，得到了武汉厚溥教育科技有限公司各级领导的大力支持，在此对他们表示衷心的感谢。

参与本书编写的人员还有：武汉商学院曹静老师、荆州职业技术学院方风波老师、武汉工程职业技术学院邹治伟和彭莉老师、湖北三峡职业技术学院李建利老师、武汉软件工程职业学院谢日星老师、黄冈职业技术学院吴金秀老师、湖北国土资源职业学院徐霞和明素华老师等。

限于编写时间和编者的水平，书中难免存在不足之处，希望广大读者批评指正。

编 者

2014年2月

查看全部↓

本书按照高等院校、高职高专计算机课程基本要求，以案例驱动的形式来组织内容，突出计算机课程的实践性特点。本书包含8章：JavaScript简介、JavaScript语句和函数、JavaScript对象(一)、JavaScript对象(二)、文档对象模型、JavaScript事件及应用、JavaScript特效制作(一)、JavaScript特效制作(二)。本书附赠PPT教学课件，可通过http://www.tupwk.com.cn/downpage下载。本书内容安排合理，层次清楚，通俗易懂，实例丰富，突出理论和实践的结合，可作为各类高等院校、高职高专及培训机构的教材，也可供广大程序设计人员参考。