JavaScript Window 對象筆記

標籤：

Window 對象

所有瀏覽器都支援 window 對象。它表示瀏覽器視窗。

所有 JavaScript 全域對象、函數以及變數均自動成為 window 對象的成員。

全域變數是 window 對象的屬性。

全域函數是 window 對象的方法。

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

window.document.getElementById("header");

與此相同：

document.getElementById("header");

Window 尺寸

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

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

• window.innerHeight - 瀏覽器視窗的內部高度
• window.innerWidth - 瀏覽器視窗的內部寬度

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

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

或者

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

其他 Window 方法

一些其他方法：

• window.open() - 開啟新視窗
• window.close() - 關閉當前視窗
• window.moveTo() - 移動當前視窗
• window.resizeTo() - 調整當前視窗的尺寸

Window Screen

window.screen 對象在編寫時可以不使用 window 這個首碼。

一些屬性：

• screen.availWidth - 可用的螢幕寬度
• screen.availHeight - 可用的螢幕高度

JavaScript Window 對象筆記