console 命令行工具 X clear

console

window.onload = function(){
      function alerts(){
        alert("xx")
    }
      var obtn =document.getElementById("btn")
//    obtn.onclick=alerts()

     var odivcontent=document.getElementById("content")
odivcontent.onmouseover=function(){
    this.style.color="red"
}
odivcontent.onmouseout=function(){
    this.style.color="balck"
}
       var btn1 =document.getElementById("Btn1")
       btn1.onmousedown=function(){
        this.style.color="red"
}
   btn1.onmouseup=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"
        }
    }

    var osearch=document.getElementById("search")
    osearch.onfocus=function(){
        if(this.value=="百度一下，你就知道"){
            this.value=" ";
        }
    }
    osearch.onblur=function(){
        if(this.value==" "){
            this.value="百度一下，你就知道"
        }
    }

var osingleText=document.getElementById("singleText")    
var omultipleText=document.getElementById("multipleText")
osingleText.onselect=function(){
    alert(this.value)
}
osingleText.onclick=function(){
    this.onselect()
}
omultipleText.onselect=function(){
    alert(this.value)
}

var ofruits=document.getElementsByName("fruit")
var ofruitchosen=document.getElementById("fruitchosen")
for (var i = 0; i <ofruits.length; ++i) {
        ofruits[i].onchange = function () {
            if(this.checked) {
                 ofruitchosen.innerHTML="你的选择是："+this.value;
            }
        }
    } 

    var oselectall=document.getElementById("selectAll")
    var ofruit1=document.getElementsByName("fruit1")
    oselectall.onchange=function(){
        if(this.checked){
            for(var i=0;i<ofruit1.length;++i){
                ofruit1[i].checked=true;
            }
        }
        else{
            for(var i=0;i<ofruit1.length;++i){
                ofruit1[i].checked=false;
            }
        }
    }

    var olinklist=document.getElementById("linkList")
    olinklist.onchange=function(){
        var link=this.options[this.selectIndex].value;
        window.open(link)
    }
}
 function alertMes(){
        alert("ss")
    }

<!DOCTYPE html> 
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <style type="text/css">
            
        </style>
        <script>
        </script>
    </head>
    <body>
       <button onclick="alertMes()">弹出信息</button> 
       </br>
         </br>
         <button id="btn">22</button>

        </br>
         </br>
         <button id="divBtn">22</button>
         </br>
         </br>
         <div>
         <p id="content">33</p>
        <button id="Btn1">gengx</button>
         </div>
         
        <div>
            <label>输入任意字符：</label>
            <input type="text" id="string"></input>
            <br />
            <label>字符串长度为：</label>
            <span id="length">0</span>
        </div> 
         
        <div>
            <label>输入数字：</label>
            <input type="text" id="number"></input>
            <br />
            <span id="hint"></span>
           
        </div> 
  <br />
      <div>
            <input id="search" type="text" value="百度一下，你就知道"></input>
            <button>搜索</button>
        </div> 
        </br>
         </br>
          <div>
      <input id="singleText" type="text" value="单行文本框"></input> 
          </br>
        <textarea id="multipleText" col="20" row="6">我是多行文本框</textarea>
        </div> 
        </br>
         </br>
        <div>
            <label><input type="radio" name="fruit" value="苹果"></input>苹果</label>
            <label><input type="radio" name="fruit" value="香蕉"></input>香蕉</label>
            <label><input type="radio" name="fruit" value="西瓜"></input>西瓜</label>
            <br />
            <p id="fruitchosen"></p>
        </div> 
        </br>
         </br>
         <div>
            <p><label><input id="selectAll" type="checkbox"></input>全选/反选：</label></p>
            <label><input type="checkbox" name="fruit1" value="苹果"></input>香蕉</label>
            <label><input type="checkbox" name="fruit1" value="香蕉"></input>西瓜</label>
            <label><input type="checkbox" name="fruit1" value="西瓜"></input>西瓜</label>
        </div> 
         </br>
         <br />
        <select id="linkList">
            <option value="http://www.baidu.com">百度</option>
            <option value="http://www.sina.com.cn">新浪</option>
            <option value="http://www.qq.com">腾讯</option>
            <option value="http://www.sohu.com">搜狐</option>
        </select> 
    </body>
</html>

#divBtn {
    display: inline-block;
    width: 80px;
    height: 24px;
    line-height: 24px;
    font-family:微软雅黑;
    font-size:15px;
    text-align: center;
    border-radius: 3px;
    background-color: deepskyblue;
    color: White;
    cursor: pointer;
} 

#search{
    color:#bbbbbb;
}