JavaScript中Window對(duì)象的屬性及事件
Window 對(duì)象
Window 對(duì)象表示瀏覽器中打開(kāi)的窗口。
如果文檔包含框架(frame 或 iframe 標(biāo)簽),瀏覽器會(huì)為 HTML 文檔創(chuàng)建一個(gè) window 對(duì)象,并為每個(gè)框架創(chuàng)建一個(gè)額外的 window 對(duì)象。
注釋:沒(méi)有應(yīng)用于 window 對(duì)象的公開(kāi)標(biāo)準(zhǔn),不過(guò)所有瀏覽器都支持該對(duì)象。
windows對(duì)象屬性
屬性 | 描述 |
---|---|
closed | 返回窗口是否已被關(guān)閉。 |
defaultStatus | 設(shè)置或返回窗口狀態(tài)欄中的默認(rèn)文本。 |
document | 對(duì) Document 對(duì)象的只讀引用。請(qǐng)參閱 Document 對(duì)象。 |
history | 對(duì) History 對(duì)象的只讀引用。請(qǐng)參數(shù) History 對(duì)象。 |
innerheight | 返回窗口的文檔顯示區(qū)的高度。 |
innerwidth | 返回窗口的文檔顯示區(qū)的寬度。 |
length | 設(shè)置或返回窗口中的框架數(shù)量。 |
location | 用于窗口或框架的 Location 對(duì)象。請(qǐng)參閱 Location 對(duì)象。 |
name | 設(shè)置或返回窗口的名稱。 |
Navigator | 對(duì) Navigator 對(duì)象的只讀引用。請(qǐng)參數(shù) Navigator 對(duì)象。 |
opener | 返回對(duì)創(chuàng)建此窗口的窗口的引用。 |
outerheight | 返回窗口的外部高度。 |
outerwidth | 返回窗口的外部寬度。 |
pageXOffset | 設(shè)置或返回當(dāng)前頁(yè)面相對(duì)于窗口顯示區(qū)左上角的 X 位置。 |
pageYOffset | 設(shè)置或返回當(dāng)前頁(yè)面相對(duì)于窗口顯示區(qū)左上角的 Y 位置。 |
parent | 返回父窗口。 |
Screen | 對(duì) Screen 對(duì)象的只讀引用。請(qǐng)參數(shù) Screen 對(duì)象。 |
self | 返回對(duì)當(dāng)前窗口的引用。等價(jià)于 Window 屬性。 |
status | 設(shè)置窗口狀態(tài)欄的文本。 |
top | 返回最頂層的先輩窗口。 |
window | window 屬性等價(jià)于 self 屬性,它包含了對(duì)窗口自身的引用。 |
|
只讀整數(shù)。聲明了窗口的左上角在屏幕上的的 x 坐標(biāo)和 y 坐標(biāo)。IE、Safari 和 Opera 支持 screenLeft 和 screenTop,而 Firefox 和 Safari 支持 screenX 和 screenY。 |
windows對(duì)象方法
方法 | 描述 |
---|---|
alert() | 顯示帶有一段消息和一個(gè)確認(rèn)按鈕的警告框。 |
blur() | 把鍵盤(pán)焦點(diǎn)從頂層窗口移開(kāi)。 |
clearInterval() | 取消由 setInterval() 設(shè)置的 timeout。 |
clearTimeout() | 取消由 setTimeout() 方法設(shè)置的 timeout。 |
close() | 關(guān)閉瀏覽器窗口。 |
confirm() | 顯示帶有一段消息以及確認(rèn)按鈕和取消按鈕的對(duì)話框。 |
createPopup() | 創(chuàng)建一個(gè) pop-up 窗口。 |
focus() | 把鍵盤(pán)焦點(diǎn)給予一個(gè)窗口。 |
moveBy() | 可相對(duì)窗口的當(dāng)前坐標(biāo)把它移動(dòng)指定的像素。 |
moveTo() | 把窗口的左上角移動(dòng)到一個(gè)指定的坐標(biāo)。 |
open() | 打開(kāi)一個(gè)新的瀏覽器窗口或查找一個(gè)已命名的窗口。 |
print() | 打印當(dāng)前窗口的內(nèi)容。 |
prompt() | 顯示可提示用戶輸入的對(duì)話框。 |
resizeBy() | 按照指定的像素調(diào)整窗口的大小。 |
resizeTo() | 把窗口的大小調(diào)整到指定的寬度和高度。 |
scrollBy() | 按照指定的像素值來(lái)滾動(dòng)內(nèi)容。 |
scrollTo() | 把內(nèi)容滾動(dòng)到指定的坐標(biāo)。 |
setInterval() | 按照指定的周期(以毫秒計(jì))來(lái)調(diào)用函數(shù)或計(jì)算表達(dá)式。 |
setTimeout() | 在指定的毫秒數(shù)后調(diào)用函數(shù)或計(jì)算表達(dá)式。 |
不同的運(yùn)行環(huán)境有不同的“頂層對(duì)象”,而在瀏覽器的環(huán)境中,頂層對(duì)象就是window對(duì)象。window就是指當(dāng)前的瀏覽器窗口。
例:var a = 1;
window.a; //1
1.window對(duì)象的屬性。
(1)window.name屬性
window.name用于設(shè)置瀏覽器當(dāng)前瀏覽器窗口的名字。其特點(diǎn)為瀏覽器刷新后,該屬性保持不變。
(2)window.innerHeight屬性,window.innerWidth屬性
這兩個(gè)屬性返回網(wǎng)頁(yè)的css布局占據(jù)的瀏覽器窗口的高度和寬度。這兩個(gè)屬性的值包括瀏覽器的滾動(dòng)條的高度和寬度。
(3)window.pageXoffset屬性和window.pageYoffset屬性。
window.pageXoffset返回頁(yè)面水平滾動(dòng)的距離。window.pageYoffset返回頁(yè)面垂直滾動(dòng)的距離。
(4)iframe元素
window.iframe返回一個(gè)類似數(shù)組的對(duì)象。
(5)screen對(duì)象
顯示設(shè)備的信息。
// 顯示設(shè)備的高度,單位為像素
screen.height
// 1920
// 顯示設(shè)備的寬度,單位為像素
screen.width
// 1080
2.window對(duì)象的事件。
(1)onerror事件。
oonerror事件是一種老式的標(biāo)準(zhǔn)的在網(wǎng)頁(yè)中捕獲 Javascript 錯(cuò)誤的方法。
(2)alert(),prompt(),confirm()
都是瀏覽器用來(lái)與用戶互動(dòng)的方法。它們會(huì)彈出不同的對(duì)話框。
例:alert("Hello World");
alert();彈出的對(duì)話框,只有一個(gè)“確定”按鈕,往往用來(lái)通知用戶某些信息。
例:var result = prompt('您的年齡?', 25)
prompt();彈出的對(duì)話框,有一個(gè)輸入框,要求用戶輸入信息,并有“確定”和“取消”兩個(gè)按鈕。這個(gè)方法往往用來(lái)獲取用戶輸入的數(shù)據(jù)。
例:var result = confirm("你最近好嗎?");
confirm();confirm方法返回一個(gè)布爾值,如果用戶點(diǎn)擊“確定”,則返回true;如果用戶點(diǎn)擊“取消”,則返回false。
- JS window對(duì)象的top、parent、opener含義介紹
- js window對(duì)象屬性和方法相關(guān)資料整理
- javascript window對(duì)象屬性整理
- JavaScript的document對(duì)象和window對(duì)象詳解
- JS 使用 window對(duì)象的print方法實(shí)現(xiàn)分頁(yè)打印功能
- JavaScript瀏覽器對(duì)象之一Window對(duì)象詳解
- Javascript window對(duì)象詳解
- Javascript之BOM(window對(duì)象)詳解
- javascript入門(mén)之window對(duì)象【新手必看】
- javascript類型系統(tǒng) Window對(duì)象學(xué)習(xí)筆記
- JS window對(duì)象簡(jiǎn)單操作完整示例
相關(guān)文章
IE6/7中g(shù)etAttribute獲取href/src 屬性(相對(duì)路徑0值與其它瀏覽器不同
IE6/7中g(shù)etAttribute獲取href/src 屬性(相對(duì)路徑0值與其它瀏覽器不同的解決方法2011-08-08layer.open關(guān)閉父窗口 以及調(diào)用父頁(yè)面的方法
今天小編就為大家分享一篇layer.open關(guān)閉父窗口 以及調(diào)用父頁(yè)面的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08原生JavaScript輪播圖實(shí)現(xiàn)方法
這篇文章主要為大家詳細(xì)介紹了原生JavaScript輪播圖實(shí)現(xiàn)方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-08-08JS實(shí)現(xiàn)數(shù)組淺拷貝和深拷貝的方法
淺拷貝創(chuàng)建一個(gè)新的對(duì)象,來(lái)接受重新復(fù)制或引用的對(duì)象值,如果對(duì)象屬性是基本的數(shù)據(jù)類型,復(fù)制的就是基本類型的值給新對(duì)象,這篇文章主要介紹了js實(shí)現(xiàn)數(shù)組淺拷貝和深拷貝,需要的朋友可以參考下2024-01-01微信公眾號(hào)獲取用戶地理位置并列出附近的門(mén)店的示例代碼
這篇文章主要介紹了微信公眾號(hào)獲取用戶地理位置并列出附近的門(mén)店的示例代碼,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07JS函數(shù)節(jié)流和函數(shù)防抖問(wèn)題分析
這篇文章主要介紹了JS函數(shù)節(jié)流和函數(shù)防抖問(wèn)題分析,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-12-12js實(shí)現(xiàn)兼容PC端和移動(dòng)端滑塊拖動(dòng)選擇數(shù)字效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)兼容PC端和移動(dòng)端滑塊拖動(dòng)選擇數(shù)字的效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-02-02