本书立足于JavaScript原生语言基础,对其语法、函数和事件等作了详细介绍,并实战演练JavaScript对网页各个对象的控制,*后结合jQuery框架介绍如何用JavaScript+jQuery进行Web开发,提供了大量实战案例。本书附带1张光盘,收录了本书配套多媒体教学视频及涉及的源文件。
本书共18章,分为5篇。第1篇介绍网络与JavaScript的关系,涵盖JavaScript基础与环境搭建;第2篇介绍JavaScript编程基础,涵盖语法、运算符、表达式、流程控制语句、函数和事件等;第3篇介绍JavaScript与其他对象的交互应用,涵盖DIV层、图像、窗口、框架、Cookies和调试等;第4篇简单介绍jQuery框架的使用及运行原理;第5篇发挥jQuery的优势,通过列表、导航、表单、表格和图片等几个实战案例让读者快速掌握jQuery在实际网页开发中的应用。
本书适合完全没有经验的JavaScript入门读者阅读。对于有一定基础的读者,可通过本书进一步理解JavaScript的重要知识点和概念。对于大、中专院校的学生和培训班的学员,本书不失为一本好教材。 零点起

第5章JavaScript的流程控制语句
因为JavaScript是一种完整的语言,所以它也可以控制程序的流程,实现分支选择和循环判断。分支选择就是有多条路可以走,但是程序只能走一条路,如今天如果下雨就在家看电影,如果不下雨就出去逛街,是否下雨是一个判断条件,看电影和逛街是两条“路”,但是只能走一条路。循环判断语句是根据一个条件来判断,是否重复执行某一条路。
本章主要涉及到的知识点有:
* 掌握判断语句的执行顺序
* 学习if判断语句
* 学习switch多条件判断语句
* 掌握循环语句的执行顺序
* 学习while循环语句
* 学习for循环语句
5.1分 支 语 句
在编写一个程序时,通常需要根据特定的条件执行不同的语句,或者一段语句。比如性别为“男”时,称呼用户为“先生”;性别为“女”时,称呼用户为“女士”。前面的章节里也有很多类似的例子,比如在第2章里一个页面上,在性别上选择“男”或者“女”时,页面本身将会根据实际情况显示,或者隐藏某些页面元素,同时在计算时的算法也有所不同。摘取其中的一段代码如下所示:

01 //根据不同情况作相应计算
02 if( sex1 == true ){
03//选择了“男”时
04result = yourmoney - yoursmoke - yourwine;
05 }
06 if( sex2 == true ){
07//选择了“女”时
08result = yourmoney - yourface - yourclothe;
09 }

可以看到上面使用了if语句来进行条件判断,但是分支语句不仅仅只有这些,本节将会依次介绍。
5.1.1使用if实现条件判断
在条件语句中,if语句是使用得*广泛也是比较简单的一个语句了,if语句从英文的字面意思来看,其意义也很明确,就是“如果”,也可以这样来理解程序,看下面的代码:

if( i > 2 ){
a = i * 10;
}

上面的代���的意义是,如果变量i大于2,那么变量a的值就是i与10的乘积。可见,if语句是很好理解的。if语句的语法如下所示:

if( 条件表达式 ){
语句或语句块;
}

从上面的语法可以看出来,if语句包含3个部分:if关键字、包含在圆括号里的条件表达式,以及包含在大括号里的语句或语句块,这些语句或者语句块是在条件表达式为true时需要执行的。如果条件表达式的值为false,那么大括弧里的语句或语句块是不会被执行的。同时,在if语句前后可能还有其他的语句,前后的语句都不会受if语句里条件表达式的影响,即使if语句设定的需要执行的语句,或者语句块因为条件表达式为false,导致无法执行,if语句后的其他语句仍然会继续执行。看下面的代码段:

01

在第8行有一条“alert(a);”语句,在if语句之后。通过运行代码可以看到,if语句执行后由于条件表达式为true,因此a的值被改变了,结果如图5.1所示。
图5.1if语句示例
在JavaScript里,如果条件里需要执行的语句只有一句,则可以省略外面的大括弧,上面的条件部分代码同样可以写成如下的样子:

f( i > 2 )
a = i * 10;

按照上面的规律,可以循环嵌套,也就是说,如果if语句里面的代码又是if语句,仍然可以使用同样的规则,看下面的代码:

if( i > 2 )
if( j < 3 )
a = i * 10;
上面也是正确的写法,但是,为了使程序可读性更强,*好还是不要省略大括弧,**的写法如下所示:

if( i > 2 ){
if( j < 3 ){
a = i * 10;
}
}

在条件判断里,通常在if的条件表达式里不仅仅使用一个表达式,还可以用多个子表达式联合起来进行条件判断,这需要使用逻辑运算符,看下面的代码:

01

上面的代码段第6行使用逻辑与运算符“&&”,将两个子表达式“i < 4”和“j >
5”连接为一个整体。只有当两个子表达式都为true时,整个表达式的值才为true。当需要判断的条件较多时,可以并列使用多个if语句来进行控制。下面通过一个实例来结束本小节的内容。
【范例5-1】这个实例是一个在线的小测试程序。HTML文件见5-1.html,代码如下 所示:

01
02
03
04
38
39
40
测试题

41
________________________________________

42 1、2016年奥运会在哪个城市举行?

43
图5.2if语句测试题示例
if( 条件表达式 ){
条件表达式为true时语句或语句块;

第1篇 认识JavaScript语言
第1章 网络与JavaScript基础( 教学视频:33分钟)
1.1 静态网页的定义
1.1.1 你必须知道的万维网
1.1.2 静态网页HTML
1.1.3 HTML页面的body属性
1.1.4 跟网页打个招呼“Hello 网页”
1.1.5 查看网页的工具
1.2 认识JavaScript语言
1.3 JavaScript语言的历史与工作原理
1.4 JavaScript为网页扩展功能
1.4.1 实现Form表单的验证
1.4.2 实现酷炫网页的**
1.4.3 动态改变页面的样式
1.4.4 使用Ajax实现网页动态交互
1.5 了解网页中的JavaScript代码
1.5.1 JavaScript代码的栖身之地
1.5.2 在网页中嵌入JavaScript代码
1.5.3 在网页中引用外来的JavaScript代码文件
1.5.4 JavaScript的事件驱动原理
1.6 深入解剖JavaScript
1.6.1 认识文档对象模型
1.6.2 JavaScript的进化史
1.6.3 老版本浏览器对JavaScript的兼容问题
1.7 小结
1.8 习题
第2章 开始JavaScript编程( 教学视频:57分钟)
2.1 学习几个JavaScript开发工具
2.1.1 Windows自带的记事本
2.1.2 EditPlus文本编辑器
2.1.3 Derameaver网页编辑工具
2.2 设计**个JavaScript案例的功能
2.3 实现JavaScript案例的功能模块
2.3.1 给用户提示信息
2.3.2 页面内容的显示和隐藏
2.3.3 给用户确认消息
2.3.4 在网页中显示信息
2.3.5 使用JavaScript的变量
2.3.6 使用JavaScript的运算符
2.3.7 使用JavaScript函数
2.4 实现JavaScript案例的网页
2.4.1 设计页面
2.4.2 添加性别单选按钮
2.4.3 添加提交按钮
2.4.4 使用JavaScript函数进行计算
2.4.5 显示用户选择的结果
2.4.6 *终的案例效果
2.5 小结
2.6 习题
第2篇 JavaScript编程基础
第3章 JavaScript的语言基础( 教学视频:48分钟)
3.1 基础语法
3.1.1 敏感的大小写
3.1.2 特殊的空格、制表符和换行符
3.1.3 JavaScript的直接量
3.1.4 JavaScript语句里的分号
3.1.5 JavaScript标识符
3.1.6 JavaScript的保留字
3.2 JavaScript也可以面向对象
3.2.1 JavaScript中的面向对象
3.2.2 创建对象
3.2.3 设置对象的属性
3.2.4 设计对象的方法
3.2.5 继承和原型
3.3 JavaScript编程规范
3.3.1 命名规范
3.3.2 注释规范
3.4 给变量命名
3.4.1 有意义的名称
3.4.2 多个单词与分隔符
3.4.3 全部大写
3.4.4 增加前缀
3.4.5 综合示例
3.5 给变量赋值
3.5.1 先定义后赋值
3.5.2 定义的同时赋值
3.6 给变量设置作用域
3.6.1 局部变量
3.6.2 全局变量
3.7 在JavaScript中使用数字
3.8 在JavaScript中使用布尔值
3.9 在JavaScript中使用字符串
3.9.1 创建字符串
3.9.2 使用转义符号
3.9.3 获取字符串长度
3.9.4 截取字符串一部分
3.9.5 转换字符串大小写
3.9.6 查找与匹配指定的字符
3.10 在JavaScript中使用数组
3.10.1 创建数组
3.10.2 给数组赋值
3.10.3 获取数组的长度
3.10.4 多维数组
3.11 小结
3.12 习题
第4章 JavaScript的运算符和表达式( 教学视频:24分钟)
4.1 什么是表达式
4.2 什么是运算符
4.3 算术运算符
4.3.1 二元运算符
4.3.2 一元运算符
4.4 赋值运算符
4.4.1 使用“+=”
4.4.2 使用“– =”
4.4.3 使用“*=”
4.4.4 使用“/=”
4.4.5 使用“%=”
4.5 关系运算符
4.5.1 使用“==”
4.5.2 使用“!=”
4.5.3 使用“>”
4.5.4 使用“>=”
4.5.5 使用“<”
4.5.6 使用“<=”
4.6 逻辑运算符
4.6.1 使用“&&”进行逻辑运算
4.6.2 使用“||” 进行逻辑运算
4.6.3 使用“!” 进行逻辑运算
4.7 字符串运算符
4.7.1 使用“+”连接字符串
4.7.2 使用“+=”连接字符串
4.8 运算符的优先级
4.9 小结
4.10 习题
第5章 JavaScript的流程控制语句( 教学视频:24分钟)
5.1 分支语句
5.1.1 使用if实现条件判断
5.1.2 使用if…else实现两个分支条件
5.1.3 if和if…else的嵌套
5.1.4 使用switch实现多分支判断
5.2 循环语句
5.2.1 while循环
5.2.2 do…while循环
5.2.3 for循环
5.2.4 for…in循环
5.2.5 使用with实现对属性的访问
5.2.6 使用continue继续循环
5.3 小结
5.4 习题
第6章 JavaScript的函数和事件( 教学视频:26分钟)
6.1 认识函数
6.1.1 定义函数
6.1.2 调用函数
6.1.3 函数的返回值
6.1.4 组合函数
6.2 认识事件
6.2.1 HTML的标签与事件
6.2.2 JavaScript的事件处理器
6.2.3 JavaScript的常用事件
6.3 小结
6.4 习题
第3篇 JavaScript进阶应用
第7章 DIV层与图像( 教学视频:33分钟)
7.1 设计一个可定位的层
7.1.1 设计位置和大小
7.1.2 设计溢出属性
7.1.3 设计可见属性
7.1.4 设计背景和边框属性
7.2 使用JavaScript进行定位
7.2.1 在Internet Explorer和Firefox中定位
7.2.2 在Navigator中定位
7.2.3 跨浏览器兼容性
7.3 创建Image图像
7.3.1 认识Image对象
7.3.2 使用Image对象
7.3.3 使用图像缓冲技术
7.4 小结
7.5 习题
第8章 窗口和框架( 教学视频:22分钟)
8.1 认识窗口
8.1.1 什么是窗口对象
8.1.2 打开和关闭窗口
8.1.3 延时设定
8.1.4 时间间隔设定
8.1.5 移动窗口
8.1.6 改变窗口尺寸
8.1.7 使用状态栏
8.2 使用框架
8.2.1 创建框架
8.2.2 框架嵌套
8.2.3 使用target属性
8.2.4 使用