4.3 JavaScript语句及函数
1、选择语句
选择语句又称为条件语句,基本语法如下:
if (条件)
{语句块1}
else
{语句块2}
它表示如果if(条件)中的条件成立,则执行语句块1,否则执行语句块2。
举例如下(自己运行观察结果):
<body>
<script language="javascript">
<!--
var score=84;
if (score<60)
document.write("不及格");
else if(score<85)
document.write("合格");
else document.write("优秀");
-->
</script>
</body>
2、分支语句
分支语句switch,可以根据一个表达式的不同取值处理不同的语句。其基本语法如下:
switch (表达式) {
case value1: 语句块1;
case value2: 语句块2;
case value3: 语句块3;
...
default: 语句块n;
}
根据表达式的值,执行对应的语句块;如果表达式的值不同于任何提供的值,则执行default后的语句。default可省略。
举例如下(自己运行观察结果):
<body>
<script language="javascript">
<!--
score=90;
switch(score) {
case 90: alert("你考了优秀");break;
case 80: alert("你考了良好");break;
case 70: alert("你考了中等");break;
case 60: alert("你考了及格");break;
}
-->
</script>
</body>
3、循环语句
1)for语句
语法:for (初始化部分;条件部分;更新部分) {语句块}
只要循环条件成立,就执行语句块;再更新条件,重新判断,执行语句,直到条件不成立,跳出循环体。
2)do…while语句
语法:do{语句块} while(条件)
先执行语句,再判断条件是否成立,它至少执行一次。
3)while语句
语法:while(条件) {语句块}
先判断条件是否成立,再决定是否执行语句块。
4)for…in语句
语法:for (变量 in 对象) {语句块}
对指定对象的所有属性都重复执行语句块。
5)break语句,结束当前循环,执行循环语句后面的语句。
6)continue语句,和break语句类似,所不同的是,执行continue语句时,就结束本轮循环,转而执行下一轮循环。
循环语句举例如下(自己运行观察结果):
<body>
<script language="JavaScript">
<!--
i=0;
do {
++i;
document.write("<h"+i+">"+"this is a level"+i+"</h"+i+">");
} while(i<=6) ;
-->
</script>
</body>
4、with语句
语法:with(对象名) {语句组}
用来对同一对象的若干属性和方法进行操作。例如:
<script language="javascript">
<!--
function Lakers() {
this.name = "kobe bryant";
this.age = "28";
this.gender = "boy";
}
var people=new Lakers();
with(people) {
var str = "姓名: " + name + "<br>";
str += "年龄:" + age + "<br>";
str += "性别:" + gender;
document.write(str);
}
-->
</script>
代码执行效果如下:
姓名: kobe bryant
年龄:28
性别:boy
5、函数
定义函数的语法如下:
function 函数名称 (参数)
{
函数执行部分
return 表达式
}
函数的调用只需直接调用函数名。
注意:无论有无参数,函数名后的括号不可省略。
需要函数的返回值时,只需要在赋值符号"="的右侧写出函数表达式即可给一个普通变量赋值。
举例1如下(自己运行观察结果):
<html>
<head>
<title>函数定义</title>
<script language="JavaScript">
<!--
function out(tag,text)
{
document.write("<"+tag+">");
document.write(text);
document.write("</"+tag+">");
}
-->
</script>
</head>
<body>
<script language="javascript">
out("h1","this is a level1 heading");
out("p","this is a paragraph");
</script>
</body>
</html>
举例2如下(自己运行观察结果):
<html>
<head>
<title>函数使用</title>
<script language="JavaScript">
<!--
function f(x)
{
var sum=0;
for(i=0;i<=x;i++)
sum=sum+i;
return(sum);
}
-->
</script>
</head>
<body>
<script language="javascript">
x=5;
y=f(x);
document.write("调用f(x),则f(5)="+y);
</script>
</body>
</html>