SOURCE

window.addEventListener("load",function(){
    //打开百度
    var oOpenBaiduBtn=this.document.getElementById("openBaiduBtn");
    var oBaiduWin=null;
    oOpenBaiduBtn.addEventListener("click",function(){
        oBaiduWin=window.open("http://www.baidu.com","_blank");
    })
    //关闭
    var oCloseBaiduBtn=this.document.getElementById("closeBaiduBtn");
    oCloseBaiduBtn.addEventListener("click",function(){
        oBaiduWin.close();
    })
    //空白窗口
    var oOpenNewBtn=this.document.getElementById("openNewBtn");
    var oNewWin=null;
     oOpenNewBtn.addEventListener("click",function(){
       oNewWin=window.open(); 
    })
    //绘制空白窗口
    var oChangeNewBtn=this.document.getElementById("changeNewBtn");
    oChangeNewBtn.addEventListener("click",function(){
        oNewWin.document.title="新窗口";
        oNewWin.document.body.innerHTML="<div><p><strong>Hi</strong>,我是新的窗口</p></div>";
        oNewWin.document.body.style.color="red";

        //oNewWin.setTimeout(function(){
        //     oNewWin.document.URL="http://www.sina.com.cn";
        //},2000);
        //空白页面重新定位
        //过两秒打开设定的网址B站
        console.log(oNewWin.location.href);
        oNewWin.setTimeout(function(){
            oNewWin.location.href="https://www.bilibili.com/";
        },2000);

        
    })
    //打印一下location
    console.log("line30:"+window.location.href);
    console.log("line31:"+window.location.search);
    console.log("line32:"+window.location.hash);
    console.log("line37:"+window.document.URL);


    //关闭窗口
    var oCloseNewBtn=this.document.getElementById("closeNewBtn");
    oCloseNewBtn.addEventListener("click",function(){
        oNewWin.close();
    })
 //告警窗口
    var oAlertBtn=this.document.getElementById("alertBtn");
    oAlertBtn.addEventListener("click",function(){
      window.alert("我是告警窗口") 
    })
    //确认窗口
     var oConfirmBtn=this.document.getElementById("confirmBtn");
    oConfirmBtn.addEventListener("click",function(){
        var bConfirmed=window.confirm("是否打开百度");
        if(bConfirmed){
            window.open("http://www.baidu.com");
        }
    });
    //打开提示窗口
     var oPromptBtn=this.document.getElementById("promptBtn");
     oPromptBtn.addEventListener("click",function(){
        var strText=window.prompt("请输入提示：");
        if(strText){
            var oText=window.document.getElementById("text");
            oText.innerHTML=strText;
        }
    });

    //【轮播设计】获取“开始”窗口
    var oStartTimerBtn=this.document.getElementById("startTimer");
    var oStopTimerBtn=this.document.getElementById("stopTimer");
    var oTimerBox=this.document.getElementById("timerBox");
    var oTimer;
    oStartTimerBtn.addEventListener("click",function(){
        if (oTimer){
            window.setTimeout(oTimer)
        }
        oTimer = window.setTimeout(function(){
            oTimerBox.style.backgroundColor = "blue";
        },2000);
    })


    oStopTimerBtn.addEventListener("click", function(){
        if(oTimer){
            window.clearTimeout(oTimer);
        }
    });

    var oStartIntervalBtn = this.document.getElementById("startInterval"); 
    var oStopIntervalBtn = this.document.getElementById("stopInterval"); 
    var oIntervalBox = this.document.getElementById("intervalBox");
    var oIntervalText = this.document.getElementById("intervalText"); 
    var oInterval; 
    var count = 5;
    oIntervalText.innerHTML = count; 


    function changeColor(){
        var colors=["red","green","pink","yellow","lightskyblue"];
        if(count>0){
            count--;
            oIntervalBox.style.backgroundColor=colors[count];
            oIntervalText.innerHTML=count;
        }else{
            count=5;
        }
    }
    oStartIntervalBtn.addEventListener("click",function(){
      if(oInterval){
          window.clearInterval(oInterval);
        }
      oInterval=window.setInterval(changeColor,1000);
    });
       oStopIntervalBtn.addEventListener("click",function(){
           if(oInterval){
               window.clearTimeout(oInterval);
           }
        });
    //打印一下navigator
    console.log("Line119:"+window.navigator.userAgent);


})

<!DOCTYPE html> 
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script>
    </script>
</head>
<body>
    <div>
        <button id="openBaiduBtn">打开百度</button>
        <button id="closeBaiduBtn">关闭百度</button>
    </div>
    <br/>
    <div>
        <button id="openNewBtn">打开空白页面</button>
        <button id="changeNewBtn">绘制空白页面</button>
        <button id="closeNewBtn">关闭空白页面</button>
    </div>
    <br/>
    <div>
        <button id="alertBtn">打开告警窗口</button>
        <button id="confirmBtn">打开确认窗口</button>
        <br/>
        <div>
            <button id="promptBtn">打开提示窗口</button>
            <label>提示文字:</label><p id="text"></p>
        </div>
    </div>

    <br/>
    <div>
        <button id = "startTimer">开始</button>
        <button id = "stopTimer">结束</button>
        <div id="timerBox"></div>
    </div>
    <br/>
    <div>
        <button id = "startInterval">开始</button>
        <button id = "stopInterval">结束</button>
        <div id="intervalBox"></div>
        <span>倒计时：</span><span id="intervalText"></span>
    </div> 
</body>
</html> 

#timerBox {
    width: 100px;
    height: 100px;
    border : 1px solid black;
    background-color: lightblue;
}

#intervalBox {
    width: 100px;
    height: 100px;
    border : 1px solid black;
    background-color:royalblue;
}