console 命令行工具 X clear

console

window.addEventListener("load", function() {
    var oBaiduWin;
    //此时的this就是当前的窗口
    var oOpenBaiduBtn = this.document.getElementById("openBaiduBtn");
    oOpenBaiduBtn.addEventListener("click", function(){
        //这个函数被openBaiduBtn调用，此时的this就是这个button
        oBaiduWin = window.open("http://www.baidu.com", "_blank");
    },false);
    var oCloseBaiduBtn = this.document.getElementById("closeBaiduBtn");
     oCloseBaiduBtn.addEventListener("click", function(){
        oBaiduWin.close();
    },false);


    var oBlankWin;
    var oOpenNewBtn = this.document.getElementById("openNewBtn");
    oOpenNewBtn.addEventListener("click", function(){
        oBlankWin = window.open();
    });

    var oChangeNewBtn = this.document.getElementById("changeNewBtn");
    oChangeNewBtn.addEventListener("click", function(){
        oBlankWin.document.title = "新窗口";
        oBlankWin.document.body.innerHTML="<div><strong>Hi</strong>, I'm a new window</div>";
        oBlankWin.document.body.style.color = "blue";
    });

    var oCloseNewBtn = this.document.getElementById("closeNewBtn");
     oCloseNewBtn.addEventListener("click", function(){
        oBlankWin.close();
    },false);

    var oAlertBtn = this.document.getElementById("alertBtn");
     oAlertBtn.addEventListener("click", function(){
        window.alert("我是告警窗口");
    },false);

    var oConfirmBtn = this.document.getElementById("confirmBtn");
     oConfirmBtn.addEventListener("click", function(){
        window.alert("我是确认窗口");
    },false);

    var oPromptBtn = this.document.getElementById("promptBtn");
     oPromptBtn.addEventListener("click", function(){
        window.alert("我是提示窗口");
    },false);
    

},false)

<!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>
        <button id="promptBtn">打开提示窗口</button>
    </div>
</body>
</html>