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。