4.3 JavaScript语句及函数

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>

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值