BOM

BOM即browser-object-model，漢譯為：瀏覽器對(duì)象模型,。該模型也是將瀏覽器應(yīng)用程序的窗口做為一個(gè)對(duì)象,，提供給javascript訪(fǎng)問(wèn)。

Javascript BOM

但是瀏覽器對(duì)象模型（Browser Object Model）尚無(wú)正式標(biāo)準(zhǔn),。

由于現(xiàn)代瀏覽器已經(jīng)（幾乎）實(shí)現(xiàn)了 JavaScript 交互性方面的相同方法和屬性,，因此常被認(rèn)為是 BOM 的方法和屬性。下面會(huì)說(shuō)說(shuō)常用的瀏覽器對(duì)象模型,。

window對(duì)象

所有瀏覽器都支持window對(duì)象,，它可以由javascript訪(fǎng)問(wèn)，它表示瀏覽器窗口,。

所有的javascript中的全局對(duì)象,，函數(shù)，變量都會(huì)自動(dòng)成為window對(duì)象的成員,。

全局變量是window對(duì)象的屬性,。

全局函數(shù)是window對(duì)象的方法。

除了javascript中定義的全局對(duì)象,，函數(shù)等,。在window中自帶的經(jīng)常要用到的一些屬性和方法有：（下列演示中window都可以省略不寫(xiě)）

window.document：用于DOM。

window.innerWidth：瀏覽器窗口尺寸寬度

window.innerHeight：瀏覽器窗口尺寸高度

Ps：對(duì)于尺寸,，不同的瀏覽器的獲得方法可能不同.

對(duì)于Internet Explorer,、Chrome、Firefox,、Opera 以及 Safari：

• window.innerHeight - 瀏覽器窗口的內(nèi)部高度
• window.innerWidth - 瀏覽器窗口的內(nèi)部寬度

對(duì)于 Internet Explorer 8,、7,、6、5：

• document.documentElement.clientHeight
• document.documentElement.clientWidth

或者

• document.body.clientHeight
• document.body.clientWidth

實(shí)用的 JavaScript 方案（涵蓋所有瀏覽器）：

實(shí)例

var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;

var h=window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;

window.open():打開(kāi)新窗口

window.close():關(guān)閉窗口

window.moveTo():移動(dòng)窗口

window.resizeTo():重新定義窗口大小

window.screen：用戶(hù)的屏幕信息

window.screen.availWidth:可用屏幕寬度

window.screen.availHeight:可用屏幕高度

window.location:用于獲得客戶(hù)機(jī)信息

window.location.hostname:返回web主機(jī)域名

window.location.pathname: 返回當(dāng)前頁(yè)面的路徑和文件名

window.location.port:返回主機(jī)端口

window.location.protocol:返回主機(jī)使用的web協(xié)議（http://或者https://）

window.location.herf:返回當(dāng)前整個(gè)頁(yè)面的URL

window.location.assign():加載新文檔

window.history：瀏覽器的歷史信息

window.history.back():后退,，與瀏覽器點(diǎn)擊后退相同

window.history.forward():前進(jìn),，與瀏覽器前進(jìn)相同

window.navigator：訪(fǎng)問(wèn)者信息，詳請(qǐng)參考：

http://www.w3school.com.cn/js/js_window_navigator.asp

BOM提供給javascript操作的消息框

警告框：alert(“warnning”);

確認(rèn)框：confirm(“yesorno”);