這篇文章帶給大家的內容是關於JavaScript中BOM的詳細解析（附範例），有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。
BOM
BOM Browser Object Model, 瀏覽器物件模型
window
window物件是js中的頂層對象，所有定義在全域作用域中的變數、函數都會變成window物件的屬性和方法，在呼叫的時候可以省略window。
window.open(): 開啟新視窗
window.close()： 關閉目前視窗
window.moveTo()： 移動目前視窗
window.resizeTo()： 調整目前視窗的尺寸
window.onload()：當頁面載入時
window.onscroll()：當頁面捲動時
window.onresize()： 頁面重新定義大小時
# 在瀏覽器中，每個標籤都有自己的window 物件。也就是說，同一個視窗的標籤之間不會共用一個window 物件
frames
如果頁面中包含框架，則每個框架都有自己的window 對象，並且保存在frames 集合中。
在 frames 集合中，可以透過數值索引（從0開始，從左到右，從上到下）或框架名稱來存取對應的 window 物件。
每個 window 物件都有一個 name 屬性，其中包含框架的名稱。<frameset> <frame> <frameset> <frame> <frame> </frameset> </frameset>
可以透過 window.frames[0] 或 window.frames["topFrame"] 來引用上方的框架。
top
不過最好使用top 來引用這些框架（top.frames[0]），因為top 物件總是指向最高（最外）層的框架，也就是瀏覽器窗口。使用它可以確保在一個框架中正確地存取另一個框架。因為對於在一個框架中寫的任何程式碼來說，其中的 window 物件指向的都是那個框架的特定實例，而非最高層的框架。
parent
與 top 相對的另一個 window 物件是 parent。顧名思義，parent（父）物件總是指向當前框架的直接上層框架。在某些情況下，parent 有可能等於 top；但在沒有框架的情況下，parent 一定等於 top（此時它們都等於 window）。
self
與框架有關的最後一個物件是 self，它始終指向 window；實際上，self 和 window 物件可以互換使用。引入 self 物件的目的只是為了與 top 和 parent 物件對應起來，因此它不格外包含其他值。
所有這些物件都是 window 物件的屬性，可以透過 window.parent、window.top 等形式來存取。同時，這也意味著可以將不同層次的 window 物件連綴起來，例如 window.parent.parent.frames[0]。
location
#Navigator
navigator物件就是判斷使用者的瀏覽器以及作業系統.
navigator.appName：瀏覽器名稱
navigator.appVersion: 瀏覽器版本
navigator.language：瀏覽器設定的語言 ##navigator.platform: 作業系統類型
navigator. userAgent：瀏覽器設定的User-Agent字串
History
history.back()： 方法載入歷史清單中的前一個URL，這與在瀏覽器中點擊前進按鈕是相同的
history.go()： 方法可以在使用者的歷史記錄中任意跳轉，可以向後也可以向前
screen
screen.availWidth： 螢幕的可用寬度，以像素為單位
screen.height： 螢幕高度，以像素為單位
以上是JavaScript中BOM的詳細解析（附範例）的詳細內容。更多資訊請關注PHP中文網其他相關文章！
