switch的用法以及正則表達式簡單的用法

switch用法

  • switch的含義：計算表達式的值，當表達式的值與某個常量的表達式的值相等的時候，會執(zhí)行case后的語句，并且結束。
  • switch的形式：
    switch（n）{
    case1：語句 break；
    case2：語句 break；
    case3：語句 break；
    }
  • removeChild：刪除指定的子節(jié)點的元素內容。
  • style.display：屬性該元素如何顯示.....none:此元素不會顯示。
 <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
    //統(tǒng)計點擊次數
    var times = 0;
    function show () {
        times++;//times = times + 1;
        
        switch (times){
            case 1:
                document.getElementById("again").innerText="請再次點擊這里";
                break;
            case 2:
                document.getElementById("third").innerText="你再點一次看看";
                break;
            case 3:
                document.getElementById("first").innerText="謝謝";
                document.getElementById("again").innerText="";
                document.getElementById("third").innerText="";
                break;
            case 4:
                document.getElementById("first").innerText="再見";
                break;
            case 5:
                var childnode = document.getElementById("div001");
                document.getElementById("main").removeChild(childnode); 
//刪除div區(qū)域的內容；
                //document.getElementById("div001").style.display="none"；
//隱藏div區(qū)域
                break;
            default:
                alert(times);
                break;
        }
    }
</script>
</head>
<body id="main">
<div id="div001" 
    style="width:30%;height:200px;background-color: green;" 
    onclick="show();">
    <h1 id="first" style="color: white;">點擊這里</h1>
    <h1 id="again" style="color: white;"></h1>
    <h1 id="third" style="color: white;"></h1>
</div>
</body>
</html>

isNaN的用法和正則表達式的運用

  • isNaN（）：判斷一個數不是數值的函數
  • n.test（）：判斷正則表達式的格式是否正確
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript">
            function checkout(x) {
                var a = Number(x);
                if (isNaN(a)) {
                    document.getElementById("amount_error").innerHTML="請輸入正確的數值";
                    return false;
                }else{
                    document.getElementById("amount_error").innerHTML="";
                    return true;
                }  
            }
            function qq1(qq2) {
                var reg = /^[0-9]{5,11}$/;
                if (reg.test(qq2)==true) { // 檢查號碼符不符合正則表達式，比如不能超過多少個字；
                    document.getElementById("qq3").innerHTML="";
                    return true;
                }else{
                    document.getElementById("qq3").innerHTML="*請輸入5到11位的數字";
                    return false;
                }
            }
        </script>
    </head>
    <body>
        <h1>這是一個一級標題</h1>
        請輸入金額：
        <input type="text" id="amount" value="0.00" onblur="checkout(this.value)" />
        <span id="amount_error"></span>
        請輸入QQ號：
        <input type="text" name="qq" id="qq" value="" onblur="qq1(this.value)"/>
        <span id="qq3"></span>
    </body>
</html>
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成，瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發(fā)布，文章內容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

友情鏈接更多精彩內容