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

• 百度百科

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

• 我的理解

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

• 圖解BOM

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

• window對象

常用操作

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

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

<script>
var str = 'China';//最外層變量，就是window對象的屬性
console.log(str);//輸出：China
console.log(window.str);//輸出：China
</script>

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

常用屬性

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

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

常用屬性

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

頁面跳轉(zhuǎn)

window.location.;//頁面跳轉(zhuǎn)

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

屬性

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

常用方法

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

• screen 屏幕對象

常用屬性

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

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

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

最新評論