鼠标移入与离开事件及页面开关

鼠标移入与离开事件：

HTML部分；

<!-- 鼠标移入点击时,文本框内部的内容隐藏,离开文本框时显示内部的文字 -->
             <input type="text"  value="搜索内容"  οnfοcus="txtInput()" οnblur="doInput()"/>
             <!-- 调用的函数，鼠标移入与离开时，切记务必要加（）,否则不会成立； -->

js内容部分：
             // 鼠标移入点击时,文本框内部的内容隐藏,离开文本框时显示内部的文字
             var input =document.querySelector('input');
             function txtInput(){
                 if(input.value=='搜索内容'){
                     input.value='';
                 }
             }
             function doInput(){
                 if(input.value==''){
                 input.value='搜索内容';
                 }
             }
      页面开关：

HTML部分：

    <!-- 页面开关 -->
             <input type="button" id="dell" value="搜索内容">

js内容部分：

 // 页面开关
            var input=document.getElementById('dell');
            var flag=false;
            input.οnclick=function(){
                flag=!flag;
              if(flag){
            document.body.style.background='#000';
            this.value.style.color='#fff';
              }else{
                  document.body.style.background='#fff';
                  this.value.style.color='#000';
              }
            }