JavaScript中Window物件的屬性及事件_javascript技巧

Window 物件

Window 物件表示瀏覽器中開啟的視窗。

如果文件包含框架（frame 或 iframe 標籤），瀏覽器會為 HTML 文件建立一個 window 對象，並為每個框架建立一個額外的 window 物件。

註解：沒有應用於 window 物件的公開標準，不過所有瀏覽器都支援該物件。

windows物件屬性

屬性	描述
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。

windows物件方法

方法	描述
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()	在指定的毫秒數後呼叫函數或計算表達式。

不同的運行環境有不同的“頂層物件”，而在瀏覽器的環境中，頂層物件就是window物件。 window就是指目前的瀏覽器視窗。

例：var a = 1；

window.a; //1

1.window物件的屬性。

（1）window.name屬性

window.name用來設定瀏覽器目前瀏覽器視窗的名字。其特點為瀏覽器刷新後，此屬性保持不變。

（2）window.innerHeight屬性，window.innerWidth屬性

這兩個屬性傳回網頁的css佈局所佔據的瀏覽器視窗的高度和寬度。這兩個屬性的值包括瀏覽器的滾動條的高度和寬度。

（3）window.pageXoffset屬性和window.pageYoffset屬性。

window.pageXoffset傳回頁面水平捲動的距離。 window.pageYoffset傳回頁面垂直捲動的距離。

（4）iframe元素

window.iframe傳回一個類似陣列的物件。

（5）screen物件

顯示設備的資訊。

// 顯示設備的高度，單位為像素
　　screen.height
// 1920
// 顯示裝置的寬度，單位為像素
　　screen.width
// 1080

2.window物件的事件。

（1）onerror事件。

oonerror事件是一種老式的標準的在網頁中捕獲 Javascript 錯誤的方法。

（2）alert()，prompt()，confirm()

都是瀏覽器用來與使用者互動的方法。它們會彈出不同的對話框。

例：alert("Hello World");

alert();彈出的對話框，只有一個「確定」按鈕，往往用來通知使用者某些資訊。

例：var result = prompt('您的年齡？', 25)

prompt();彈出的對話框，有一個輸入框，要求使用者輸入訊息，並有「確定」和「取消」兩個按鈕。這個方法往往用來取得使用者輸入的資料。

例：var result = confirm("你最近好嗎？");

confirm()；confirm方法傳回布林值，如果使用者點擊“確定”，則傳回true；如果使用者點擊“取消”，則傳回false。