`
buliangniu
  • 浏览: 90237 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JavaScript条件语句

JavaScript脚本HTML浏览器工作 
阅读更多

       JavaScript语句

 

        脚本中的语句一般是按照写的顺序来运行的。这种运行称为顺序运行，是程序流的默认方向。与顺序运行不同，另一种运行将程序流转换到脚本的另外的部分。也就是，不按顺序运行下一条语句，而是运行另外的语句。要使脚本可用，该控制的转换必须以逻辑方式执行。程序控制的转换是基于一个“决定”，这个“决定”结果是真或假（返回  Boolean 型 true 或 false）。 创建一个表达式，然后测试其是否为真。

 

        主要有两种程序结构控制流程。

       

        第一种是选择结构。用来指明两种程序流方向，在程序中创建一个交叉点（像分岔路）。

 

        第二种类型的程序控制结构是循环结构。使用循环结构来指明当某些条件保持为真时要重复的动作。当控制语句的条件得到满足时（通常在某些迭代的特定数字后），控制跳过循环结构传递到下条语句。

 

      使用条件语句

 

        if语句：if ( <条件> ) <语句1> [ else <语句2> ];

 

        下面给出示例1：

 

<html>
<head>
    <title>一个if语句的Javascript示例</title>
</head>
<body>

    <script type="text/javascript">
        var name = "liangongqiaojiang";     //将lianggongqiaojiang赋值给变量name
        var n = name.length;                //得到name的字符长度并赋值给变量n
        if (n < 20)                         //判断如果小于20为真（ture），否则为假（false）
        {
            alert("字符串长度小于20")         //输出结果对话框
        }
    </script>

</body>
</html>

 

        上面的这个Javascript示例用到了Javascript的if条件语句。首先用.length计算出字符串"liangongqiaojiang"的长度，然后使用if语句进行判断，如果该字符串长度<20，就输出对话框"该字符串长度小于20"。

 

        输出结果如下：

        下面给出示例2：

 

<html>
<head>
    <title>一个if语句的Javascript示例</title>
</head>
<body>

    <script type="text/javascript">
        var name = "liangongqiaojiang"; //将lianggongqiaojiang赋值给变量name
        var n = name.length;            //得到name的字符长度并赋值给变量n
        if (n < 10)                     //判断如果小于10为真（ture），否则为假（false）
        {
            alert("字符串长度小于10")     //输出结果对话框
        }
        else                            //如果上面判断成假就执行下面语句
        {
            alert("字符串长度大于10")     //输出字符串长度大于10对话框
        }
    </script>

</body>
</html>

 

        上面的这个Javascript示例用到了Javascript的if条件语句。首先用.length计算出字符串"liangongqiaojiang"的长度，然后使用if语句进行判断，如果该字符串长度<10，就输出对话框"该字符串长度小于10"，否则就出现"该字符串长度大于10"

 

        输出结构如下：
 

        提示 一行代码太长，或者涉及到比较复杂的嵌套，可以考虑用多行文本，如上例，if (a == 1) 后面没有立即写上语句，而是换一行再继续写。浏览器不会混淆的，当它们读完一行，发现是一句未完成语句，它们会继续往下读。使用缩进也是很好的习惯，当一些语句与上面的一两句语句有从属关系时，使用缩进能使程序更易读，方便程序员进行编写或修改工作。

 

       switch语句

        switch (e) 
        {
                  case r1: （注意：冒号）
                  ...
                  [break;]
                  case r2:
                  ...
                  [break;]
                  ...
                  [default:
                  ...]
         }

 

       这一大段的作用是：计算 e 的值（e 为表达式），然后跟下边“case”后的 r1、r2……比较，当找到一个相等于 e 的值时，就执行该“case”后的语句，直到遇到 break 语句或 switch 段落结束（“}”）。如果没有一个值与 e 匹配，那么就执行“default:”后边的语句，如果没有 default 块，switch 语句结束。

 

       下面给出示例：

        switch (8)
        {
            case 1:                //等于条件时执行下面语句
                alert(1)
            case 2:                //等于条件时执行下面语句
                alert(2)
            case 3:                //等于条件时执行下面语句
                alert(3) 
                break;             //跳出循环
            case 4:
                alert(4)  
                break;
            case 5:
                alert(5)
            default:               //条件都不符合时执行默认语句
                alert("都不是")
        }

 

分享到：
| 编写JavaScript代码
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics