瀏覽器對象模型
BOM是瀏覽器對象模型的簡稱。
window 對象的常用屬性及方法
window 對象處於對象模型的第一層，對於每個打開的窗口系統都會自動將其定義爲 window 對象。
window 對象常用屬性：
window 對象常用方法：
方法 說明 prompt 顯示可提示用戶輸入的對話框 alert 顯示帶有一個提示消息和一個確定按鈕的警示框 confirm 顯示一個帶有提示信息、確定和取消按鈕的確認框 close 關閉瀏覽器窗口 open 打開一個新的瀏覽器窗口 setTimeout 在設定的毫秒數後調用函數或計算表達式 setInterval 按照設定的週期重複調用函數或表達式 clearInterval 取消週期設置
示例：
<body>
<input type="button" value="open" id="btnOpen">
<input type="button" value="close" id="btnClose">
<iframe src="" frameborder="0" ></iframe>
</body>
<script>
var newWin;
document.getElementById('btnOpen').onclick = function () {
newWin = window.open('http://www.baidu.com', 'baidu',
'width:600,height=400,top=200');
}
var btn = document.getElementById('btnClose');
btn.onclick = function(){
newWin.close();
}
</script>
javascript變量的生存期：
javascript局部變量的生存期在離開函數體後失效。
全局變量的在頁面關閉後被刪除。
向未聲明的變量賦值
如果把值賦值給一個尚未聲明的變量，該變量將被自動作爲全局變量聲明。即使它在函數內執行
函數腦圖
使用window對象操作窗口
window的open方法
<body>
<button onclick="aClick()">打開百度</button>
<button>關閉百度</button>
</body>
<script>
var newWin;
function aClick() {
newWin = window.open("http://www.baidu.com", "adv", "width=200,height=200");
}
document.querySelectorAll('button')[1].onclick = function () {
newWin.close();
}
</script>
輸出效果
