BOM

BOM (Browser Object Model) 瀏覽器對象模型

BOM提供了獨立於內容而與瀏覽器窗口進行交互的對象

BOM主要用於管理窗口與窗口之間的通信，所以其核心對象是window

BOM缺少標準，JavaScript語法的標準化組織是ECMA，DOM的標準化組織是W3C, BOM最初是Netscape瀏覽器標準的一部分

（window對象 是瀏覽器中的Global對象）

窗口設置 (打開、大小、位置) 間歇調用與超時調用

對話框 (提示框、確認框、輸入框)

location對象 (位置對象包含各類屬性和方法)

navigator對象 用於提供用戶瀏覽器的相關信息

screen對象 包含有關用戶屏幕的信息

history對象 包含有關用戶的訪問歷史記錄

1.打開新窗口

window.open(URL,name,specs);

　　URL：打開頁面的URL，沒有指定URL將打開新的空白窗口

　　name：_blank 新窗口打開，默認 _self 當前頁面打開 name 窗口名稱 ......

　　specs：一個逗號分隔的項目列表。

　　支持如下值： height=pixels 窗口的高度，最小值爲100 width=pixels 窗口的寬度，最小值爲100 left=pixels top=pixels ...... 示例 window.open('','','width=200,height=200');

<button id="btn">新建頁面</button>
    <script>
        var btn=document.getElementById('btn');
        btn.onclick=function(){
            window.open('child.html','','width=200,height=200');
        }
    </script>

<p>新的頁面</p>
    <button id="btn">關閉</button>
    <button id="btn2">調整頁面的大小</button>
    <script>
        var btn=document.getElementById('btn');
        var btn2=document.getElementById('btn2');
        btn.onclick=function(){
            window.close();
        }
        btn2.onclick=function(){
            window.resizeTo(500,100);
        }
    </script>