JavaScript入門教程(6) Window窗口對(duì)象
更新時(shí)間：2009年01月31日 23:33:44 作者：
他是JavaScript中最大的對(duì)象，它描述的是一個(gè)瀏覽器窗口。一般要引用它的屬性和方法時(shí)，不需要用“window.xxx”這種形式，而直接使用“xxx”。一個(gè)框架頁(yè)面也是一個(gè)窗口。
JavaScript中的Window窗口對(duì)象
他是JavaScript中最大的對(duì)象，它描述的是一個(gè)瀏覽器窗口。一般要引用它的屬性和方法時(shí)，不需要用“window.xxx”這種形式，而直接使用“xxx”。一個(gè)框架頁(yè)面也是一個(gè)窗口。
Window窗口對(duì)象有如下屬性：
name 窗口的名稱，由打開(kāi)它的連接（<a target="...">）或框架頁(yè)（<frame name="...">）或某一個(gè)窗口調(diào)用的 open() 方法（見(jiàn)下）決定。一般我們不會(huì)用這個(gè)屬性。
status 指窗口下方的“狀態(tài)欄”所顯示的內(nèi)容。通過(guò)對(duì) status 賦值，可以改變狀態(tài)欄的顯示。
opener 用法：window.opener；返回打開(kāi)本窗口的窗口對(duì)象。注意：返回的是一個(gè)窗口對(duì)象。如果窗口不是由其他窗口打開(kāi)的，在 Netscape 中這個(gè)屬性返回 null；在 IE 中返回“未定義”（undefined）。undefined 在一定程度上等于 null。注意：undefined 不是 JavaScript 常數(shù)，如果你企圖使用“undefined”，那就真的返回“未定義”了。
self 指窗口本身，它返回的對(duì)象跟 window 對(duì)象是一模一樣的。最常用的是“self.close()”，放在<a>標(biāo)記中：“<a href="javascript:self.close()">關(guān)閉窗口</a>”。
parent 返回窗口所屬的框架頁(yè)對(duì)象。
top 返回占據(jù)整個(gè)瀏覽器窗口的最頂端的框架頁(yè)對(duì)象。
history 歷史對(duì)象，見(jiàn)下。
location 地址對(duì)象，見(jiàn)下。
document 文檔對(duì)象，見(jiàn)下。
Window窗口對(duì)象有如下方法：
第一個(gè)方法是open() 打開(kāi)一個(gè)窗口。
用法：
open(<URL字符串>, <窗口名稱字符串>, <參數(shù)字符串>);
說(shuō)明：
<URL字符串>：描述所打開(kāi)的窗口打開(kāi)哪一個(gè)網(wǎng)頁(yè)。如果留空（''），則不打開(kāi)任意網(wǎng)頁(yè)。
<窗口名稱字符串>：描述被打開(kāi)的窗口的名稱（window.name），可以使用'_top'、'_blank'等內(nèi)建名稱。這里的名稱跟“<a href="..." target="...">”里的“target”屬性是一樣的。
<參數(shù)字符串>：描述被打開(kāi)的窗口的樣貌。如果只需要打開(kāi)一個(gè)普通窗口，該字符串留空（''），如果要指定樣貌，就在字符串里寫上一到多個(gè)參數(shù)，參數(shù)之間用逗號(hào)隔開(kāi)。
例：打開(kāi)一個(gè) 400 x 100 的干凈的窗口：
open('','_blank','width=400,height=100,menubar=no,toolbar=no,
location=no,directories=no,status=no, scrollbars=yes,resizable=yes')
open()的參數(shù)
top=# 窗口頂部離開(kāi)屏幕頂部的像素?cái)?shù)
left=# 窗口左端離開(kāi)屏幕左端的像素?cái)?shù)
width=# 窗口的寬度
height=# 窗口的高度
menubar=... 窗口有沒(méi)有菜單，取值yes或no
toolbar=... 窗口有沒(méi)有工具條，取值yes或no
location=... 窗口有沒(méi)有地址欄，取值yes或no
directories=... 窗口有沒(méi)有連接區(qū)，取值yes或no
scrollbars=... 窗口有沒(méi)有滾動(dòng)條，取值yes或no
status=... 窗口有沒(méi)有狀態(tài)欄，取值yes或no
resizable=... 窗口給不給調(diào)整大小，取值yes或no
注意：open() 方法有返回值，返回的就是它打開(kāi)的窗口對(duì)象。比如
var newWindow = open('','_blank');
這樣把一個(gè)新窗口賦值到“newWindow”變量中，以后通過(guò)“newWindow”變量就可以控制窗口了。
close() 關(guān)閉一個(gè)已打開(kāi)的窗口。
用法：
window.close()
或
self.close()
主要作用是關(guān)閉本窗口；
<窗口對(duì)象>.close()：關(guān)閉指定的窗口。注意如果該窗口有狀態(tài)欄，調(diào)用該方法后瀏覽器會(huì)警告：“網(wǎng)頁(yè)正在試圖關(guān)閉窗口，是否關(guān)閉？”然后等待用戶選擇是否；如果沒(méi)有狀態(tài)欄，調(diào)用該方法將直接關(guān)閉窗口。
另外Window窗口對(duì)象還有如下方法
blur() 使焦點(diǎn)從窗口移走，窗口變?yōu)椤胺腔顒?dòng)窗口”。
focus() 是窗口獲得焦點(diǎn)，變?yōu)椤盎顒?dòng)窗口”。不過(guò)在 Windows 98，該方法只能使窗口的標(biāo)題欄和任務(wù)欄上的相應(yīng)按鈕閃爍，提示用戶該窗口正在試圖獲得焦點(diǎn)。
scrollTo() 用法：[<窗口對(duì)象>.]scrollTo(x, y)；使窗口滾動(dòng)，使文檔從左上角數(shù)起的(x, y)點(diǎn)滾動(dòng)到窗口的左上角。
scrollBy() 用法：[<窗口對(duì)象>.]scrollBy(deltaX, deltaY)；使窗口向右滾動(dòng) deltaX 像素，向下滾動(dòng) deltaY 像素。如果取負(fù)值，則向相反的方向滾動(dòng)。
resizeTo() 用法：[<窗口對(duì)象>.]resizeTo(width, height)；使窗口調(diào)整大小到寬 width 像素，高 height 像素。
resizeBy() 用法：[<窗口對(duì)象>.]resizeBy(deltaWidth, deltaHeight)；使窗口調(diào)整大小，寬增大 deltaWidth 像素，高增大 deltaHeight 像素。如果取負(fù)值，則減少。
alert() 用法：alert(<字符串>)；彈出一個(gè)只包含“確定”按鈕的對(duì)話框，顯示<字符串>的內(nèi)容，整個(gè)文檔的讀取、Script 的運(yùn)行都會(huì)暫停，直到用戶按下“確定”。
confirm() 用法：confirm(<字符串>)；彈出一個(gè)包含“確定”和“取消”按鈕的對(duì)話框，顯示<字符串>的內(nèi)容，要求用戶做出選擇，整個(gè)文檔的讀取、Script 的運(yùn)行都會(huì)暫停。如果用戶按下“確定”，則返回 true 值，如果按下“取消”，則返回 false 值。
prompt() 用法：prompt(<字符串>[, <初始值>])；彈出一個(gè)包含“確認(rèn)”“取消”和一個(gè)文本框的對(duì)話框，顯示<字符串>的內(nèi)容，要求用戶在文本框輸入一些數(shù)據(jù)，整個(gè)文檔的讀取、Script 的運(yùn)行都會(huì)暫停。如果用戶按下“確認(rèn)”，則返回文本框里已有的內(nèi)容，如果用戶按下“取消”，則返回 null 值。如果指定<初始值>，則文本框里會(huì)有默認(rèn)值。
Window窗口對(duì)象有如下事件：
window.onload;發(fā)生在文檔全部下載完畢的時(shí)候。全部下載完畢意味著不但 HTML 文件，而且包含的圖片，插件，控件，小程序等全部?jī)?nèi)容都下載完畢。本事件是 window 的事件，但是在 HTML 中指定事件處理程序的時(shí)候，我們是把它寫在<body>標(biāo)記中的。
window.onunload;發(fā)生在用戶退出文檔（或者關(guān)閉窗口，或者到另一個(gè)頁(yè)面去）的時(shí)候。與 onload 一樣，要寫在 HTML 中就寫到<body>標(biāo)記里。
window.onresize;發(fā)生在窗口被調(diào)整大小的時(shí)候。
window.onblur;發(fā)生在窗口失去焦點(diǎn)的時(shí)候。
window.onfocus;發(fā)生在窗口得到焦點(diǎn)的時(shí)候。
window.onerror;發(fā)生在錯(cuò)誤發(fā)生的時(shí)候。它的事件處理程序通常就叫做“錯(cuò)誤處理程序”(Error Handler)，用來(lái)處理錯(cuò)誤。上邊已經(jīng)介紹過(guò)，要忽略一切錯(cuò)誤，就使用：
function ignoreError() {
return true;
}
window.onerror = ignoreError;
他是JavaScript中最大的對(duì)象，它描述的是一個(gè)瀏覽器窗口。一般要引用它的屬性和方法時(shí)，不需要用“window.xxx”這種形式，而直接使用“xxx”。一個(gè)框架頁(yè)面也是一個(gè)窗口。
Window窗口對(duì)象有如下屬性：
name 窗口的名稱，由打開(kāi)它的連接（<a target="...">）或框架頁(yè)（<frame name="...">）或某一個(gè)窗口調(diào)用的 open() 方法（見(jiàn)下）決定。一般我們不會(huì)用這個(gè)屬性。
status 指窗口下方的“狀態(tài)欄”所顯示的內(nèi)容。通過(guò)對(duì) status 賦值，可以改變狀態(tài)欄的顯示。
opener 用法：window.opener；返回打開(kāi)本窗口的窗口對(duì)象。注意：返回的是一個(gè)窗口對(duì)象。如果窗口不是由其他窗口打開(kāi)的，在 Netscape 中這個(gè)屬性返回 null；在 IE 中返回“未定義”（undefined）。undefined 在一定程度上等于 null。注意：undefined 不是 JavaScript 常數(shù)，如果你企圖使用“undefined”，那就真的返回“未定義”了。
self 指窗口本身，它返回的對(duì)象跟 window 對(duì)象是一模一樣的。最常用的是“self.close()”，放在<a>標(biāo)記中：“<a href="javascript:self.close()">關(guān)閉窗口</a>”。
parent 返回窗口所屬的框架頁(yè)對(duì)象。
top 返回占據(jù)整個(gè)瀏覽器窗口的最頂端的框架頁(yè)對(duì)象。
history 歷史對(duì)象，見(jiàn)下。
location 地址對(duì)象，見(jiàn)下。
document 文檔對(duì)象，見(jiàn)下。
Window窗口對(duì)象有如下方法：
第一個(gè)方法是open() 打開(kāi)一個(gè)窗口。
用法：
復(fù)制代碼 代碼如下:
open(<URL字符串>, <窗口名稱字符串>, <參數(shù)字符串>);
說(shuō)明：
<URL字符串>：描述所打開(kāi)的窗口打開(kāi)哪一個(gè)網(wǎng)頁(yè)。如果留空（''），則不打開(kāi)任意網(wǎng)頁(yè)。
<窗口名稱字符串>：描述被打開(kāi)的窗口的名稱（window.name），可以使用'_top'、'_blank'等內(nèi)建名稱。這里的名稱跟“<a href="..." target="...">”里的“target”屬性是一樣的。
<參數(shù)字符串>：描述被打開(kāi)的窗口的樣貌。如果只需要打開(kāi)一個(gè)普通窗口，該字符串留空（''），如果要指定樣貌，就在字符串里寫上一到多個(gè)參數(shù)，參數(shù)之間用逗號(hào)隔開(kāi)。
例：打開(kāi)一個(gè) 400 x 100 的干凈的窗口：
復(fù)制代碼 代碼如下:
open('','_blank','width=400,height=100,menubar=no,toolbar=no,
location=no,directories=no,status=no, scrollbars=yes,resizable=yes')
open()的參數(shù)
top=# 窗口頂部離開(kāi)屏幕頂部的像素?cái)?shù)
left=# 窗口左端離開(kāi)屏幕左端的像素?cái)?shù)
width=# 窗口的寬度
height=# 窗口的高度
menubar=... 窗口有沒(méi)有菜單，取值yes或no
toolbar=... 窗口有沒(méi)有工具條，取值yes或no
location=... 窗口有沒(méi)有地址欄，取值yes或no
directories=... 窗口有沒(méi)有連接區(qū)，取值yes或no
scrollbars=... 窗口有沒(méi)有滾動(dòng)條，取值yes或no
status=... 窗口有沒(méi)有狀態(tài)欄，取值yes或no
resizable=... 窗口給不給調(diào)整大小，取值yes或no
注意：open() 方法有返回值，返回的就是它打開(kāi)的窗口對(duì)象。比如
var newWindow = open('','_blank');
這樣把一個(gè)新窗口賦值到“newWindow”變量中，以后通過(guò)“newWindow”變量就可以控制窗口了。
close() 關(guān)閉一個(gè)已打開(kāi)的窗口。
用法：
復(fù)制代碼 代碼如下:
window.close()
或
復(fù)制代碼 代碼如下:
self.close()
主要作用是關(guān)閉本窗口；
<窗口對(duì)象>.close()：關(guān)閉指定的窗口。注意如果該窗口有狀態(tài)欄，調(diào)用該方法后瀏覽器會(huì)警告：“網(wǎng)頁(yè)正在試圖關(guān)閉窗口，是否關(guān)閉？”然后等待用戶選擇是否；如果沒(méi)有狀態(tài)欄，調(diào)用該方法將直接關(guān)閉窗口。
另外Window窗口對(duì)象還有如下方法
blur() 使焦點(diǎn)從窗口移走，窗口變?yōu)椤胺腔顒?dòng)窗口”。
focus() 是窗口獲得焦點(diǎn)，變?yōu)椤盎顒?dòng)窗口”。不過(guò)在 Windows 98，該方法只能使窗口的標(biāo)題欄和任務(wù)欄上的相應(yīng)按鈕閃爍，提示用戶該窗口正在試圖獲得焦點(diǎn)。
scrollTo() 用法：[<窗口對(duì)象>.]scrollTo(x, y)；使窗口滾動(dòng)，使文檔從左上角數(shù)起的(x, y)點(diǎn)滾動(dòng)到窗口的左上角。
scrollBy() 用法：[<窗口對(duì)象>.]scrollBy(deltaX, deltaY)；使窗口向右滾動(dòng) deltaX 像素，向下滾動(dòng) deltaY 像素。如果取負(fù)值，則向相反的方向滾動(dòng)。
resizeTo() 用法：[<窗口對(duì)象>.]resizeTo(width, height)；使窗口調(diào)整大小到寬 width 像素，高 height 像素。
resizeBy() 用法：[<窗口對(duì)象>.]resizeBy(deltaWidth, deltaHeight)；使窗口調(diào)整大小，寬增大 deltaWidth 像素，高增大 deltaHeight 像素。如果取負(fù)值，則減少。
alert() 用法：alert(<字符串>)；彈出一個(gè)只包含“確定”按鈕的對(duì)話框，顯示<字符串>的內(nèi)容，整個(gè)文檔的讀取、Script 的運(yùn)行都會(huì)暫停，直到用戶按下“確定”。
confirm() 用法：confirm(<字符串>)；彈出一個(gè)包含“確定”和“取消”按鈕的對(duì)話框，顯示<字符串>的內(nèi)容，要求用戶做出選擇，整個(gè)文檔的讀取、Script 的運(yùn)行都會(huì)暫停。如果用戶按下“確定”，則返回 true 值，如果按下“取消”，則返回 false 值。
prompt() 用法：prompt(<字符串>[, <初始值>])；彈出一個(gè)包含“確認(rèn)”“取消”和一個(gè)文本框的對(duì)話框，顯示<字符串>的內(nèi)容，要求用戶在文本框輸入一些數(shù)據(jù)，整個(gè)文檔的讀取、Script 的運(yùn)行都會(huì)暫停。如果用戶按下“確認(rèn)”，則返回文本框里已有的內(nèi)容，如果用戶按下“取消”，則返回 null 值。如果指定<初始值>，則文本框里會(huì)有默認(rèn)值。
Window窗口對(duì)象有如下事件：
window.onload;發(fā)生在文檔全部下載完畢的時(shí)候。全部下載完畢意味著不但 HTML 文件，而且包含的圖片，插件，控件，小程序等全部?jī)?nèi)容都下載完畢。本事件是 window 的事件，但是在 HTML 中指定事件處理程序的時(shí)候，我們是把它寫在<body>標(biāo)記中的。
window.onunload;發(fā)生在用戶退出文檔（或者關(guān)閉窗口，或者到另一個(gè)頁(yè)面去）的時(shí)候。與 onload 一樣，要寫在 HTML 中就寫到<body>標(biāo)記里。
window.onresize;發(fā)生在窗口被調(diào)整大小的時(shí)候。
window.onblur;發(fā)生在窗口失去焦點(diǎn)的時(shí)候。
window.onfocus;發(fā)生在窗口得到焦點(diǎn)的時(shí)候。
window.onerror;發(fā)生在錯(cuò)誤發(fā)生的時(shí)候。它的事件處理程序通常就叫做“錯(cuò)誤處理程序”(Error Handler)，用來(lái)處理錯(cuò)誤。上邊已經(jīng)介紹過(guò)，要忽略一切錯(cuò)誤，就使用：
復(fù)制代碼 代碼如下:
function ignoreError() {
return true;
}
window.onerror = ignoreError;
相關(guān)文章
2008-01-01
Javascript中Array.prototype.map()詳解
map 方法會(huì)給原數(shù)組中的每個(gè)元素都按順序調(diào)用一次 callback 函數(shù)。callback 每次執(zhí)行后的返回值組合起來(lái)形成一個(gè)新數(shù)組。 callback 函數(shù)只會(huì)在有值的索引上被調(diào)用；那些從來(lái)沒(méi)被賦過(guò)值或者使用 delete 刪除的索引則不會(huì)被調(diào)用。2014-10-10
網(wǎng)絡(luò)傳輸協(xié)議（http協(xié)議）
網(wǎng)絡(luò)傳輸協(xié)議（http協(xié)議）指服務(wù)器和客戶端間進(jìn)行通信時(shí)的約束和規(guī)范，客戶端與服務(wù)端的數(shù)據(jù)交互并不是雜亂無(wú)章的，需要遵照（基于）一定的規(guī)范進(jìn)行，本文主要介紹http超文本傳輸協(xié)議。希望對(duì)大家有所幫助2016-11-11
這篇文章主要為大家詳細(xì)介紹了javascript的Promise，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2022-02-02
這篇文章主要為大家介紹了JavaScript稀疏數(shù)組的使用示例教程詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-06-06
JavaScript中的prototype原型學(xué)習(xí)指南
這篇文章主要介紹了JavaScript中的prototype原型學(xué)習(xí)指南,包括原型鏈與原型繼承等重要知識(shí),需要的朋友可以參考下2016-05-05
這篇文章主要介紹了javascript self對(duì)象使用詳解的相關(guān)資料,需要的朋友可以參考下2016-10-10
這篇文章主要介紹了JSON對(duì)象轉(zhuǎn)化為字符串,文章介紹了參數(shù)的含義,value 用法,space 的用法,需要的朋友可以參考下2017-08-08
JavaScript 中的日期和時(shí)間及表示標(biāo)準(zhǔn)介紹
本文為大家詳細(xì)介紹下時(shí)間標(biāo)準(zhǔn)指的是什么？UCT和GMT 的概念、關(guān)聯(lián)和區(qū)別？以及時(shí)間表示標(biāo)準(zhǔn)有哪些？感興趣的朋友可以參考下2013-08-08
JavaScript中Math對(duì)象使用說(shuō)明
2008-01-01