qileilove

瀏覽器對象模型 (BOM)

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

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

Window 對象

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

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

全局變量是 window 對象的屬性。

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

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

window.document.getElementById("header");

與此相同：

document.getElementById("header");

Window 尺寸

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

對于Internet Explorer、Chrome、Firefox、Opera 以及 Safari：

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

對于 Internet Explorer 8、7、6、5：

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

或者

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

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

實例

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

親自試一試

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

其他 Window 方法

一些其他方法：

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