JavaScript中BOM的詳細解析（附範例）

這篇文章帶給大家的內容是關於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 forward() ： 方法載入歷史清單中的下一個URL，這與在瀏覽器中點擊後退按鈕是相同的

history.back()： 方法載入歷史清單中的前一個URL，這與在瀏覽器中點擊前進按鈕是相同的
history.go()： 方法可以在使用者的歷史記錄中任意跳轉，可以向後也可以向前

screen

Screen 物件中存放著有關顯示瀏覽器畫面的資訊。

screen.width: 螢幕寬度，以像素為單位

screen.availWidth： 螢幕的可用寬度，以像素為單位
screen.height： 螢幕高度，以像素為單位

以上是JavaScript中BOM的詳細解析（附範例）的詳細內容。更多資訊請關注PHP中文網其他相關文章！