JavaScript中BOM對(duì)象原理與用法分析

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

• 百度百科

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

• 我的理解

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

• 圖解BOM

BOM對(duì)象還分為以下這幾個(gè)子對(duì)象，說(shuō)實(shí)話，圖有點(diǎn)丑，下面我將詳細(xì)的介紹一下這幾個(gè)子對(duì)象。

• window對(duì)象

常用操作

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

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

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

• navigator對(duì)象（包含瀏覽器信息的對(duì)象）

常用屬性

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

• location對(duì)象（瀏覽器地址欄對(duì)象）

常用屬性

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

頁(yè)面跳轉(zhuǎn)

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

• history對(duì)象（歷史記錄對(duì)象）

屬性

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

常用方法

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

• screen 屏幕對(duì)象

常用屬性

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

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

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。