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 src="frame.htm" name="topFrame">
        <frameset cols="50%,50%">
            <frame src="a" name="leftFrame">
            <frame src="b" name="rightFrame">
        </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的示例分析有了一定的了解，想了解更多相關知識，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！