BOM 即 Browser Object Model（瀏覽器物件模型）,瀏覽器模型提供了獨立於內容的、可以與瀏覽器視窗進行滑動的物件結構，就是瀏覽器提供的 API

window物件是js中的頂級物件(全域性物件)，所有定義在全域性作用域中的變數、函式都會變成window物件的屬性和方法，在呼叫的時候可以省略window。

　　BOM>window>document>getElementById()

一、window物件

　　三個彈框：不建議使用，會阻塞程式碼執行---僅接收純文字訊息

1             window.alert('警告框')
2             window.confirm('確認框')  if(isFlag){log(確認鍵)}else{log(取消鍵)}
3             window.prompt('請輸入一個數字') 輸入框 返回內容

　　寬高表示：

        // 視窗的可視寬度和可視高度
        console.log(window.innerHeight);
        console.log(window.innerwidth);
        
 
// html的寬度和高度
        console.log(document.documentElement.clientWidth);
        console.log(document.documentElement.clientHeight);

　　視窗的開啟關閉移動：

open：URL,name,features,replace

1             // 開啟一個新視窗  _self在自己原本的視窗開啟頁面"_blank"在新視窗開啟頁面
2             // window.open("http://www.baidu.com","_self")
3             window.open("2.html","_blank","width:200;height:300")
 
4             // 關閉當前視窗
5             window.close()
6             // 把視窗移動到距離電腦顯示屏左上的座標  ie可用,火狐、谷歌不可用
7             window.moveTo(100,100)
8             // 重新調整瀏覽器視窗大小  ie可用,火狐、谷歌不可用
9             window.resizeTo(200,200)

1、確認視窗位置及大小
獲取視窗位置的屬性與方法

跨瀏覽器獲取視窗左邊和上邊位置

視窗大小屬性與方法

二、navigator物件

　　navigator：包含客戶端瀏覽器的資訊 主要用來檢測瀏覽器、檢測外掛

1         navigator.appCodeName //瀏覽器的程式碼名稱
2         navigator.appName   //返回瀏覽器的名稱
3         navigator.appVersion  // 返回瀏覽器的平臺和版本資訊 
4         navigator.language  // 返回瀏覽器的語言
5         navigator.onLine     // 返回指明系統是否處於離線狀態下的布林值
6         navigator.userAgent  // 運營商/瀏覽器的名稱
7         navigator.platform   //返回執行作業系統的平臺

三、location物件

　　location：包含當前網頁的URL資訊 主要應用場景：

1、解析 url 查詢字串引數，並將其返回一個物件，可通過迴圈、正則來實現，方法有很多,實現的大體思路是：
通過location的search屬性來獲取當前 url 傳遞的引數，如果 url 中有查詢字串的話就將其問號擷取掉，然後再遍歷裡面的字串並以等號為斷點，使用decodeURIComponent()方法來解析其引數的具體數值，並將其放在物件容器中，並將其返回
2、載入新的文件，也可以說是重新整理頁面，主要有三個方法：

• assign()： location.assign("http://www.xxx.com")就可立即開啟新 url 並在瀏覽器是我歷史中生成一條新的記錄, 在一個生成了 5 條瀏覽記錄的頁面中，然後使用 assign()跳轉 url 後，history 記錄只剩兩條，一條是通過 assign 跳轉的頁面，另一條則是上一個頁面（使用 assign()跳轉方法的頁面），其餘的所有頁面都被清除掉了
• replace(): location.replace("http://www.bbb.com")只接受 url 一個引數，通過跳轉到的 url 介面不會在瀏覽器中生成歷史記錄，就是 history 的 length 不會+1，但是會替代掉當前的頁面
• reload(): 其作用是重新載入當前顯示的頁面，當不傳遞引數的時候，如果頁面自上次請求以來並沒有改變過，頁面就會從瀏覽器中重新載入，如果傳遞true，則會強制從伺服器重新載入

四、history物件

　　history：包含瀏覽器視窗訪問過的URL資訊 history 物件儲存著使用者上網的歷史記錄，從視窗被開啟的那一刻算起，history 物件是用視窗的瀏覽歷史用文件和文件狀態列表的形式表示。history 物件的 length 屬性表示瀏覽歷史列表中的元素數量，但出於安全考慮，指令碼不能訪問已儲存的 url

• History 物件的屬性及方法

五、screen物件

　　screen：包含客戶端顯示屏的資訊 其提供有關視窗顯示的大小和可用的顏色輸入資訊。

六、document物件

　　document：包含整個HTML文件，可悲用來訪問文件內容,及其所有的頁面元素