console 命令行工具 X clear

console

window.onload = function () {

    var oBtn1 = document.getElementById("btn1");
    oBtn1.onclick = function() {
        alert("欢迎您！");
    }

    var oDivBtn = document.getElementById("divBtn");
    oDivBtn.onclick = function() {
        alert("我不是一个按钮");
    }

    var oPContent = document.getElementById("content");
    oPContent.onmouseover = function() {
        this.style.color="red";
    }
    oPContent.onmouseout = function() {
        this.style.color="black";
    }

    var oUpDownBtn = document.getElementById("updown");
    oUpDownBtn.onmousedown = function() {
        oPContent.style.color="blue";
    }
    oUpDownBtn.onmouseup = function() {
        oPContent.style.color="black";
    }
    oUpDownBtn.onmousemove = function() {
        this.style.color = "lightskyblue";
    }
    oUpDownBtn.onmouseout = function() {
        this.style.color="black";
    }

    var oString = document.getElementById("string");
    var oLength = document.getElementById("length");
    oString.onkeyup = function () {
        var str = oString.value;
        oLength.innerHTML = str.length;
    }

    var oNumber = document.getElementById("number");
    var oHint = document.getElementById("hint");
    oNumber.onkeyup = function () {
        var regex=/^[0-9]*$/;

        if (regex.test(oNumber.value)) {
            oHint.innerHTML = "输入正确";
            oHint.style.color = "green";

        }
        else {
            oHint.innerHTML = "必须输入数字";
            oHint.style.color = "red";
        }
    }

}

function alertMes() {
    alert("新华学院");
}

<!DOCTYPE html> 
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <style type="text/css">
            
        </style>
        <script>
        
        </script>
    </head>
    <body>
        <button id="btn" onclick="alertMes()">弹出信息</button>
        <br />
        <button id="btn1" >弹出欢迎信息</button>
        <br/>
        <div id="divBtn">点我</div>
        <br/>
        <br/>
        <div>
            <p id="content">广州新华学院</p>
            <button id="updown">按下松开</button>
        </div>
        <br/>
        <div>
            <label>输入任意字符：</label>
            <input type="text" id="string"></input>
            <br />
            <label>字符串长度为：</label>
            <span id="length">0</span>
        </div>
        <br/>
        <div>
            <label>输入数字：</label>
            <input type="text" id="number"></input>
            <br />
            <div id="hint"></div>
        </div>
    </body>
    </body>
</html>