console
window.addEventListener("load", function(){
var oOpen4399Btn = this.document.getElementById("open4399Btn");
var oBaiduWin = null;
oOpen4399Btn.addEventListener("click", function(){
o4399Win = window.open("http://www.4399.com", "_blank");
});
var oClose4399Btn = this.document.getElementById("close4399Btn");
oClose4399Btn.addEventListener("click", function(){
o4399Win.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>, I'm a new window</p></div>";
oNewWin.document.body.style.color="blue";
})
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;
}
});
})
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script>
</script>
</head>
<body>
<div>
<button id="open4399Btn">打开4399</button>
<button id="close4399Btn">关闭4399</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>
</body>
</html>