js 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

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

實例

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

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

 

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

---------------------------------------------------------------------------------------------------

 

Window 對象集合

集合	描述
frames[]	返回窗口中所有命名的框架。 該集合是 Window 對象的數組，每個 Window 對象在窗口中含有一個框架或 <iframe>。屬性 frames.length 存放數組 frames[] 中含有的元素個數。注意，frames[] 數組中引用的框架可能還包括框架，它們自己也具有 frames[] 數組。

Window 對象屬性

屬性	描述
closed	返回窗口是否已被關閉。
defaultStatus	設置或返回窗口狀態欄中的默認文本。
document	對 Document 對象的只讀引用。請參閱 Document 對象。
history	對 History 對象的只讀引用。請參數 History 對象。
innerheight	返回窗口的文檔顯示區的高度。
innerwidth	返回窗口的文檔顯示區的寬度。
length	設置或返回窗口中的框架數量。
location	用於窗口或框架的 Location 對象。請參閱 Location 對象。
name	設置或返回窗口的名稱。
Navigator	對 Navigator 對象的只讀引用。請參數 Navigator 對象。
opener	返回對創建此窗口的窗口的引用。
outerheight	返回窗口的外部高度。
outerwidth	返回窗口的外部寬度。
pageXOffset	設置或返回當前頁面相對於窗口顯示區左上角的 X 位置。
pageYOffset	設置或返回當前頁面相對於窗口顯示區左上角的 Y 位置。
parent	返回父窗口。
Screen	對 Screen 對象的只讀引用。請參數 Screen 對象。
self	返回對當前窗口的引用。等價於 Window 屬性。
status	設置窗口狀態欄的文本。
top	返回最頂層的先輩窗口。
window	window 屬性等價於 self 屬性，它包含了對窗口自身的引用。
screenLeft screenTop screenX screenY	只讀整數。聲明了窗口的左上角在屏幕上的的 x 坐標和 y 坐標。IE、Safari 和 Opera 支持 screenLeft 和 screenTop，而 Firefox 和 Safari 支持 screenX 和 screenY。

Window 對象方法

方法	描述
alert()	顯示帶有一段消息和一個確認按鈕的警告框。
blur()	把鍵盤焦點從頂層窗口移開。
clearInterval()	取消由 setInterval() 設置的 timeout。
clearTimeout()	取消由 setTimeout() 方法設置的 timeout。
close()	關閉瀏覽器窗口。
confirm()	顯示帶有一段消息以及確認按鈕和取消按鈕的對話框。
createPopup()	創建一個 pop-up 窗口。
focus()	把鍵盤焦點給予一個窗口。
moveBy()	可相對窗口的當前坐標把它移動指定的像素。
moveTo()	把窗口的左上角移動到一個指定的坐標。
open()	打開一個新的瀏覽器窗口或查找一個已命名的窗口。
print()	打印當前窗口的內容。
prompt()	顯示可提示用戶輸入的對話框。
resizeBy()	按照指定的像素調整窗口的大小。
resizeTo()	把窗口的大小調整到指定的寬度和高度。
scrollBy()	按照指定的像素值來滾動內容。
scrollTo()	把內容滾動到指定的坐標。
setInterval()	按照指定的周期（以毫秒計）來調用函數或計算表達式。
setTimeout()	在指定的毫秒數后調用函數或計算表達式。

 以上摘自w3cshool：http://www.w3school.com.cn/js/js_window.asp

       http://www.w3school.com.cn/jsref/dom_obj_window.asp