Python JavaScript3: 条件语句

总体内容
1、运算符
2、switch语句

一、运算符

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

1.2、如下面两个例子

两数相加

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>加法运算练习</title>
    <script type="text/javascript">
         window.onload = function () {
             var input1 = document.getElementById('input1')
             var input2 = document.getElementById('input2')
             var button1 = document.getElementById('button1')

             button1.onclick = function () {
                  var value1 = parseInt(input1.value)
                  var value2 = parseInt(input2.value)
                  alert(value1+value2)
             }
         }
   </script>
</head>
<body>
   <input type="text" name="" id="input1">+
   <input type="text" name="" id="input2">
   <input type="button" name="" value="相加" id="button1">
</body>
</html>

提示：parseInt 把字符串转化为数字

两数比较大小

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>两数比较大小</title>
    <script type="text/javascript">

         window.onload = function () {
             var iNum01 = 2;
             var iNum02 = 8;
             var sTr;
             if(iNum01>iNum02){
                  sTr = '大于';
             }else{
                  sTr = '小于';
             }
             alert(sTr);
         } 
    </script>
</head>
    <body></body>
</html>

1.3、特殊的条件运算符(===),分析：我们在比较两个数是否相等的时候，一般是用 ==,但是在 JavaScript里面如果两边的类型不一样用 == 是会出问题的，我们可以使用 === 先判断两边的类型是否一样，不一样的话就不用再比较了

1.4、if else 的具体使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>swift语句的练习</title>
    <style type="text/css">
         div{
             background: gold;
             width: 100px;
             height: 100px;
         }
    </style>
    <script type="text/javascript">
           window.onload = function () {
                var oDiv = document.getElementById('div1');
                var oButton = document.getElementById('button1');

                // oDiv.style.display 是读取的标签里写的display属性值，如果没有写，这个值为空 
                oButton.onclick = function () {
                    if(oDiv.style.display == 'block' || oDiv.style.display == ' '){
                         oDiv.style.display = 'none';
                    }else {
                         oDiv.style.display = 'block';
                    }
                }
            }
    </script>
</head>
<body>
    <input type="button" name="" value="切换" id="button1">
    <div id="div1"></div>
</body>
</html>

二、switch语句：多重 if else 语句可以换成性能更高的 switch 语句

<script type="text/javascript">
    window.onload = function () {
        var iNow = 4;

        switch (iNow){
            case 1:
                alert(1)
                break;
            case 2:
                alert(2)
                break;
            default:
                alert("前面的都不满足");
        }
    }
</script>

Python JavaScript3: 条件语句

推荐阅读更多精彩内容