SOURCE

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";
      }
  }



var oSearch=document.getElementById("search");
oSearch.onfocus=function(){
    if(this.value=="百度一下,你就知道"){
        this.value="";
        this.style.color="black";
    }
}

oSearch.onblur=function(){
    if(this.value==""){
        this.value="百度一下,你就知道";
        this.style.color="#bbbbbb";
    }
  }

  //多行文本和单行文本的内容选中事件
  var oSingleText=document.getElementById("singleText");
  var oMultipleText=document.getElementById("multipleText");

  oSingleText.onselect=function(){
      //alert(this.value);
  }

  oMultipleText.onselect=function(){
      alert(this.value);
  }

  oSingleText.onclick=function(){
      this.select();
  }

  var oFruits=document.getElementsByName("fruit");
  var oPFruit=document.getElementById("fruitchosen");

  for(var i=0;i<oFruits.length;++i){
      oFruits[i].onchange=function(){
          if(this.checked){
              oPFruit.innerHTML="你的选择是:"+this.value;
          }
      }
  }


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

 //
 var oLinkList=document.getElementById("linkList");
 oLinkList.onchange=function(){
     var url=this.options[this.selectedIndex].value;
     window.open(url);
 }

 //禁止复制
 document.body.oncopy=function(){
     return false;
 }

 //禁止选中
 document.body.onselectstart=function(){
     return false;
 }

 //禁止打开右键菜单
 document.body.oncontextmenu=function(){
     return false;
 }
}
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> 
        <p id="content">广州新华学院</p>
        <button id="updown">按下松开</button>
        </div>
        <div>
            <label>输入任意字符:</label>
            <input type="text" id="string"></input>
            <br />
            <label>字符串长度为:</label>
            <span id="length">0</span>
             <div>
            <label>输入数字:</label>
            <input type="text" id="number"></input>
            <br />
            <div id="hint"></div>
              <br />
        <br />
        <div>
            <input id="search" type="text" value="百度一下,你就知道"></input>
            <button>搜索</button>
        </div> 
         <div>
            <input id="singleText" type="text" value="我是单行文本框"></input>
            <br />
            <textarea id="multipleText" cols="20" row="6">我是多行文本框,可以输入很多行</textarea>
        </div> 
        </div> 
       
       <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> 
        <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 />
        <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> 
#btn {
    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;
} 
#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;
}