JavaScript中BOM對象原理與用法分析

本文實例講述了JavaScript中BOM對象原理與用法。分享給大家供大家參考，具體如下：

創(chuàng)新互聯(lián)專注于昭蘇網(wǎng)站建設服務及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供昭蘇營銷型網(wǎng)站建設，昭蘇網(wǎng)站制作、昭蘇網(wǎng)頁設計、昭蘇網(wǎng)站官網(wǎng)定制、小程序制作服務，打造昭蘇網(wǎng)絡公司原創(chuàng)品牌,更為您提供昭蘇網(wǎng)站排名全網(wǎng)營銷落地服務。

• 百度百科

BOM(Browser Object Model) 是指瀏覽器對象模型，是用于描述這種對象與對象之間層次關系的模型，瀏覽器對象模型提供了獨立于內容的、可以與瀏覽器窗口進行互動的對象結構。BOM由多個對象組成，其中代表瀏覽器窗口的Window對象是BOM的頂層對象，其他對象都是該對象的子對象。

• 我的理解

博主是這么理解的，BOM對象指的是window對象，而window對象并不是JavaScript內置的對象，而是瀏覽器生成的對象。如果需要了解內置對象的話，可以翻閱我的另一篇博文。

• 圖解BOM

BOM對象還分為以下這幾個子對象，說實話，圖有點丑，下面我將詳細的介紹一下這幾個子對象。

• window對象

常用操作

window.alert('hello');//彈出警告框
window.confirm(text);//彈出確認對話框，返回布爾值
window.prompt(text,defaultstr);//彈出輸入框，并返回輸入內容
window.close();//關閉當前頁面
window.print();//打印操作

注意：在申明變量的時候，所有在最外層申明的變量（非函數(shù)中）都屬于window對象的屬性，比如。

• navigator對象（包含瀏覽器信息的對象）

常用屬性

appCodeName：內部代碼
appName：瀏覽器名稱
cookieEnabled：cookie是否可用
userAgent：用戶代理信息

• location對象（瀏覽器地址欄對象）

常用屬性

host:主機名
href:地址鏈接，可以使用此屬性實現(xiàn)頁面跳轉
pathname:地址路徑
search：參數(shù)信息

頁面跳轉

window.location.;//頁面跳轉

• history對象（歷史記錄對象）

屬性

length：歷史記錄的數(shù)目

常用方法

back()：后退一頁
forword()：前進一頁
go(num)：指定跳轉到哪一頁，如果參數(shù)是正數(shù)就代表向前翻一頁，如果是負數(shù)代表向后翻一頁

• screen 屏幕對象

常用屬性

height：高度
width：寬度
availHeight：可用高度
availWidth：可用寬度

更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《JavaScript操作DOM技巧總結》、《JavaScript頁面元素操作技巧總結》、《JavaScript事件相關操作與技巧大全》、《JavaScript查找算法技巧總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript錯誤與調試技巧總結》

希望本文所述對大家JavaScript程序設計有所幫助。