JavaScript window 物件

antzone發表於2018-02-03
JavaScript物件

window物件表示一個瀏覽器視窗、<frame>或者<iframe>。

此物件是一個全域性物件，所有的javascript的元素都是在此物件環境中執行的。

所有屬性和方法集合都可以直接使用，不需要使用window物件來引用。

程式碼例項:

[JavaScript] 純文字檢視 複製程式碼執行程式碼
window.alert("螞蟻部落");

以上方法可以寫成以下形式:

[JavaScript] 純文字檢視 複製程式碼執行程式碼
alert("螞蟻部落");

window物件實現了ECMAScript中定義的所有全域性方法和屬性。

以ECMAScript全域性方法isNaN()方法為例:

[JavaScript] 純文字檢視 複製程式碼執行程式碼
console.log(window.isNaN(3))

輸出結果:false。

當然也可以以下面的形式使用:

[JavaScript] 純文字檢視 複製程式碼執行程式碼
console.log(isNaN(3))


window物件的屬性列表:

屬性描述
window.innerheight返回瀏覽器客戶區的高度。
window.innerwidth返回瀏覽器客戶區的寬度。
window.name設定或返回視窗的名稱。
window.opener返回對建立此視窗的視窗的引用。
window.outerheight 返回視窗的外部高度。
window.outerwidth返回視窗的外部寬度。
window.pageXOffset設定或返回當前頁面相對於視窗顯示區左邊緣距離。
window.pageYOffset設定或返回當前頁面相對於視窗顯示區上邊緣的距離。
window.parent返回父視窗。
window.self返回對當前視窗的引用。
window.top返回最頂層的先輩視窗。
window.screenX返回瀏覽器左邊界到螢幕左邊界的水平距離。
window.screenY返回瀏覽器上邊界到螢幕上邊界的垂直距離。
window.scrollX返回當前頁面或者文件向左滾動的尺寸。
window.scrollY返回當前頁面或者文件向滾動的尺寸。


window物件的方法列表:

方法描述
alert()顯示帶有一段指定的文字和一個確認按鈕的警告框。
clearInterval()

取消由setInterval()設定定時器。

clearTimeout()

取消由setTimeout()設定的定時器。

confirm()

顯示帶有一段訊息以及確認按鈕和取消按鈕的對話方塊。

getComputedStyle()

獲取指定元素最終樣式屬性值。

getSelection()

返回一個用以表示選中文字的物件。

postMessage()

此方法允許跨視窗通訊，不論這兩個視窗是否同源。

print()

列印當前視窗的內容。

prompt()顯示可提示使用者輸入的對話方塊。
resizeBy()

按照指定的畫素調整視窗的大小。

resizeTo()

把視窗的大小調整到指定的寬度和高度。

scrollBy()

按照指定的畫素值來調整文件的位置。

scrollTo()

把內容滾動到指定的座標。

setInterval()

按照指定的週期（以毫秒計）來呼叫函式或計算表示式。

setTimeout()

在指定的毫秒數後呼叫函式或計算表示式。

相關文章