JavaScript Window

JavaScript Window - 瀏覽器對(duì)象模型

瀏覽器對(duì)象模型 (BOM) 使 JavaScript 有能力與瀏覽器"對(duì)話"。

Window 對(duì)象是BOM中所有對(duì)象的核心，除了是BOM中所有對(duì)象的父對(duì)象外，還包含一些窗口控制函數(shù)。

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

瀏覽器對(duì)象模型（Browser Object Model (BOM)）尚無(wú)正式標(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 子對(duì)象

Window的子對(duì)象主要有如下幾個(gè)：

1. JavaScript document 對(duì)象
2. JavaScript frames 對(duì)象
3. JavaScript history 對(duì)象
4. JavaScript location 對(duì)象
5. JavaScript navigator 對(duì)象
6. JavaScript screen 對(duì)象

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 方案（涵蓋所有瀏覽器）：

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

其他 Window 方法

一些其他方法：

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