qileilove

瀏覽器對(duì)象模型 (BOM)

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

由于現(xiàn)代瀏覽器已經(jīng)（幾乎）實(shí)現(xiàn)了 JavaScript 交互性方面的相同方法和屬性，因此常被認(rèn)為是 BOM 的方法和屬性。

Window 對(duì)象

所有瀏覽器都支持 window 對(duì)象。它表示瀏覽器窗口。

所有 JavaScript 全局對(duì)象、函數(shù)以及變量均自動(dòng)成為 window 對(duì)象的成員。

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

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

甚至 HTML DOM 的 document 也是 window 對(duì)象的屬性之一：

window.document.getElementById("header");

與此相同：

document.getElementById("header");

Window 尺寸

有三種方法能夠確定瀏覽器窗口的尺寸（瀏覽器的視口，不包括工具欄和滾動(dòng)條）。

對(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; 

親自試一試

該例顯示瀏覽器窗口的高度和寬度：（不包括工具欄/滾動(dòng)條）

其他 Window 方法

一些其他方法：

• window.open() - 打開新窗口
• window.close() - 關(guān)閉當(dāng)前窗口
• window.moveTo() - 移動(dòng)當(dāng)前窗口
• window.resizeTo() - 調(diào)整當(dāng)前窗口的尺寸