购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

1.7 语句

1.7.1 if语句

if语句是JavaScript中最常用的语句之一。

if语句的语法:

其中condition可以是任何表达式,计算的结果甚至不必是真正的boolean值,Java Script会把它转换成boolean值。如果条件计算结果为true,则执行statement1;如果条件计算结果为false,则执行statement2。每个语句都可以是单行代码,也可以是代码块。

例如:

注意

使用代码块被认为是一种最佳的编程实践,即使要执行的代码只有一行。这样做可以使每个条件成立时要执行什么代码一目了然。

说明

alert()是window对象的一个方法,用于在浏览器中弹出一个信息对话框。后续章节将会详细介绍。

还可以串联多个if语句。语法如下:

例如:

1.7.2 switch语句

switch语句是if语句的兄弟语句。开发者可以用switch语句为表达式提供一系列的情况(case)。

switch语句的语法:

每个情况(case)都是表示“如果expression等于value,就执行statement”。

关键字break会使代码跳出switch语句。如果没有关键字break,代码执行就会继续进入下一个case。

关键字default说明了表达式的结果不等于任何一种情况时的操作(事实上,它相当于else从句)。

1.7.3 while语句

while语句是前测试循环。这意味着退出条件是在执行循环内部的代码之前计算的。因此,循环主体可能根本不被执行。

while语句的语法:

例如:

1.7.4 do…while语句

do…while语句是后测试循环,即退出条件在执行循环内部的代码之后计算。这意味着在计算表达式之前,至少会执行循环主体一次。

do…while语句的语法:

例如:

1.7.5 for语句

for语句是前测试循环,而且在进入循环之前,能够初始化变量,并定义循环后要执行的代码。

for语句的语法:

注意

post-loop-expression之后不能写分号,否则无法运行。

例如:

这段代码定义了初始值为 0 的变量i。只有当条件表达式(i < iCount)的值为true时,才进入for循环,这样循环主体可能不被执行。如果执行了循环主体,那么将执行循环后表达式,并自增变量i。

1.7.6 for…in语句

for…in语句是迭代语句,用于枚举对象的属性。

for…in语句的语法:

例如:

这里,for…in语句用于显示window对象的所有属性。

1.7.7 break和continue语句

break语句可以立即退出循环,阻止再次反复执行任何代码。而continue语句只是退出当前循环,根据控制表达式还允许继续进行下一次循环。

例如:

在以上代码中,for循环从 1~10 迭代变量i。在循环主体中,if语句将(使用取模运算符)检查i的值是否能被 5 整除。如果能被 5 整除,将执行break语句。alert显示"4",即退出循环前执行循环的次数。

如果用continue语句代替这个例子中的break语句,结果将不同:

这里,alert将显示"8",即执行循环的次数。可能执行的循环总数为9,不过当i的值为 5 时,将执行continue语句,会使循环跳过表达式iNum++,返回循环开头。

1.7.8 with语句

with语句用于设置代码在特定对象中的作用域。

with语句的语法:

例如:

在这个例子中,with语句用于字符串,所以在调用toUpperCase()方法时,解释程序将检查该方法是否是本地函数。如果不是,它将检查字符串对象sMessage,看它是否为该对象的方法。然后,alert输出“HELLO”,因为解释程序找到了字符串“hello”的toUpperCase()方法。

总结

●JavaScript主要用于:表单数据有效性验证、页面动态特效和AJAX。

●JavaScript由ECMAScript核心、浏览器对象模型BOM、文档对象模型BOM三部分组成。

●JavaScript脚本代码可以写在网页内部的<script></script>标签中,也可以写在网页外部独立的js文件中,还可以内联在标签的事件属性中。

●JavaScript的原始数据类型有:Boolean,Number,String,Null,Undefined。

作业

1.应用for循环语句输出一个简易的乘法表,如图 1.8 所示。

图1.8 乘法表

2.使用JavaScript语言的循环语句和document.write()语句在网页中输出4 行3列的表格,如图 1.9 所示。

图1.9 4 行 3 列的表格

扩展练习

1.在网页中使用JavaScript语言打印一个倒正金字塔直线,效果如图1.10 所示。

图1.10 打印倒正金字塔直线

2.使用循环语句输出“◇”形,如图 1.11 所示。

图1.11 循环输出的“◇”形

提示

使用嵌套的循环输出“◇”,输出空格可以使用“&nbsp;”。 JZLk7wmE/SaYHeIIAJTSW0g7lKf0fhi2gWAevUFvwVYqsd3aG5IpLiVzMqHaRedK

点击中间区域
呼出菜单
上一章
目录
下一章
×