js条件判断语句

条件语句

通过条件来控制程序的走向,就需要用到条件语句。

运算符
1、算术运算符: +(加)、 -(减)、 *(乘)、 /(除)、 %(求余)
2、赋值运算符:=、 +=、 -=、 *=、 /=、 %=
3、条件运算符:==、===、>、>=、<、<=、!=、&&(而且)、||(或者)、!(否)

if else

var a = 6;
if(a==1)
{
alert('语文');
}
else if(a==2)
{
alert('数学');
}
else if(a==3)
{
alert('英语');
}
else if(a==4)
{
alert('美术');
}
else if(a==5)
{
alert('舞蹈');
}
else
{
alert('不补习');
}

switch

var a = 6;

switch (a){
case 1:
alert('语文');
break;
case 2:
alert('数学');
break;
case 3:
alert('英语');
break;
case 4:
alert('美术');
break;
case 5:
alert('舞蹈');
break;
default:
alert('不补习');
}

导航条2

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>导航条-02</title>
    <style type="text/css">
        ul{
            margin:0;
            padding:0;
        }
        .a{
            width:960px;
            height:42px;
            background-color:#55a8ea;
            margin:50px auto;
        }
        .a ul li{
            list-style-type:none;
            float:left;
            width:100px;
            text-align:center;
        }
        .a ul li a{
            text-decoration:none;
            color:white;
            font-size:14px;
            line-height:40px;
        }
        .a ul li:hover{
            background-color:#00619f;
        }
        .f{
            position:relative;
            top:-10px;
            left:-267px;
        }
    </style>
</head>
<body>
    <div class="a">
        <ul>
            <li><a href="">首&nbsp;页</a></li>
            <li><a href="">网站建设</a></li>
            <li><a href="">程序开发</a></li>
            <li><a href="">网络营销</a></li>
            <img src="new.png" class='f'>
            <li><a href="">企业VI</a></li>
            <li><a href="">案例展示</a></li>
            <li><a href="">联系我们</a></li>
        </ul>
    </div>
</body>
</html>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容