switch的用法以及正则表达式简单的用法

switch用法

  • switch的含义:计算表达式的值,当表达式的值与某个常量的表达式的值相等的时候,会执行case后的语句,并且结束。
  • switch的形式:
    switch(n){
    case1:语句 break;
    case2:语句 break;
    case3:语句 break;
    }
  • removeChild:删除指定的子节点的元素内容。
  • style.display:属性该元素如何显示.....none:此元素不会显示。

 <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
    //统计点击次数
    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区域的内容;
                //document.getElementById("div001").style.display="none";
//隐藏div区域
                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>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。