• 当前位置:首页>>JavaScript教程>>JavaScript基础教程>>javascript程序控制流
  • javascript程序控制流
  • 在任何一种语言中,程序控制流是必须的,它能使得整个程序减小混乱,使之顺利按其一定的方式执行。下面是JavaScript常用的程序控制流结构及语句:

    1、if条件语句
    基本格式:
    if(表述式)
    语句段1;
    ......
    else
    语句段2;
    .....

    功能:若表达式为true,则执行语句段1;否则执行语句段2。
    说明:if -else 语句是JavaScript中最基本的控制语句,通过它可以改变语句的
    执行顺序。 表达式中必须使用关系语句, 来实现判断,它作为一个布尔值
    来估算的。它将零和非零的数分别转化成false和true。若if后的语句有多
    行 ,则必须使用花括号将其括起来。

    if语句的嵌套格式:
    if(布尔值)语句1;
    else(布尔值)语句2;
    else if(布尔值)语句3;
    ……
    else 语句4;

    在这种情况下,每一级的布尔表述式都会被计算,若为真,则执行其相应的语句,否则执行else后的语句。下面我们来看一个实例

    ifyuju.htm
    <html>
    <head>
    <title>If 语句的小程序</title>
    <script
    language="JavaScript">
    var activedate=new Date();
    activehour=activedate.getHours()

    if(activehour<12){
    document.write("早上 好"+"<br>")
    }else{
    document.write("下午 好"+"<br>")
    }
    </script>
    </head>
    <body>
    </body>
    </html>

     

    说明:该例子用先定义了一个变量activedate并用newDate函数取得当前的时间,然
    后通过的变量activehour取 得当前的小时数,通过与12比较来确定是“早
    上”还是“下午”再用If语句分别执行相应的语句程序,即 问“早上好”或
    “下午好”。

    2、For循环语句
    基本格式:
    for(初始化;条件;增量)
    语句集;
    功能:实现条件循环,当条件成立时,执行语句集,否则跳出循环体。
    说明:初始化参数告诉循环的开始位置,必须赋予变量的初值;条件是用于判别循环
    停止时的条件。若条 件满足,则执行循环体,否则 跳出。增量:主要定义循
    环控制变量在每次循环时按什么方式变化。三个主要语句之间,必须使用逗号
    号分隔

    3、while循环
    基本格式:
    while(条件)
    语句集;
    说明:该语句与For语句一样,当条件为真时,重复循环,否则退出循环。For与
    while语句两种语句都是循语句,使用For语句在处理有关数字时更易看懂,
    也较紧凑;而while循环对复杂的语句效果更特别。

    xhyj11.htm
    <html>
    <head>
    <title>循环语句事例</title>
    <script language="JavaScript">
    var sum=0
    for(n=1;n<11;n++)
    {
    sum=sum+n
    document.write(n,"
    SUM=",sum,"<br>");
    }
    </script></head>
    <body>
    </body>
    </html>

     

    同样的效果也可以用while循环语句做出来,其代码如下(也可以通过查看源代码看到两者的区别):
    xhyj.htm
    <html>
    <head>
    <title>循环语句事例</title>
    <script language="JavaScript">
    var sum,i;
    i=1;
    sum=0
    while(i<=10){
    sum+=i;
    document.write(i,"
    SUM=",sum,"<br>");
    i++;
    }
    </script></head>
    <body>
    </body>
    </html>  

    [1]

  • 上一篇:javascript 对象的基本知识
    下一篇:javascript 函数