JavaScript Window瀏覽器對(duì)象模型方法與屬性匯總
Window 對(duì)象
所有瀏覽器都支持 window 對(duì)象。它表示瀏覽器窗口。
所有 JavaScript 全局對(duì)象、函數(shù)以及變量均自動(dòng)成為 window 對(duì)象的成員。
全局變量是 window 對(duì)象的屬性。
全局函數(shù)是 window 對(duì)象的方法。
1. open方法
語(yǔ)法格式:
window.open(URL,窗口名稱,窗口風(fēng)格)
功能:打開(kāi)一個(gè)新的窗口,并在窗口中裝載指定URL地址的網(wǎng)頁(yè)。
說(shuō)明:
open方法用于打開(kāi)一個(gè)新的瀏覽器窗口,并在新窗口中裝入一個(gè)指定的URL地址;
open方法在打開(kāi)一個(gè)新的瀏覽器窗口時(shí),還可以指定窗口的名稱(第二個(gè)參數(shù));
open方法在打開(kāi)一個(gè)新的瀏覽器窗口時(shí),還可以指定窗口的風(fēng)格(第三個(gè)參數(shù)),
窗口風(fēng)格有以下選項(xiàng),這些選項(xiàng)可以多選,如果多選,各選項(xiàng)之間用逗號(hào)分隔:
toolbar:指定窗口是否有標(biāo)準(zhǔn)工具欄。當(dāng)該選項(xiàng)的值為1或yes時(shí),表示有標(biāo)準(zhǔn)工具欄,當(dāng)該選項(xiàng)的值為0或no時(shí),表示沒(méi)有標(biāo)準(zhǔn)工具欄;
location:指定窗口是否有地址工具欄,選項(xiàng)的值及含義與toolbar相同;
directories:指定窗口是否有鏈接工具欄,選項(xiàng)的值及含義與toolbar相同;
status:指定窗口是否有狀態(tài)欄,選項(xiàng)的值及含義與toolbar相同;
menubar:指定窗口是否有菜單,選項(xiàng)的值及含義與toolbar相同;
scrollbar:指定當(dāng)前窗口文檔大于窗口時(shí)是否有滾動(dòng)條,選項(xiàng)的值及含義與toolbar相同;
resizable:指定窗口是否可改變大小,選項(xiàng)的值及含義與toolbar相同;
width:以像素為單位指定窗口的寬度,已被innerWidth取代;
height:以像素為單位指定窗口的高度,已被innerHeight取代;
outerWidth:以像素為單位指定窗口的外部寬度;
outerHeight:以像素為單位指定窗口的外部高度;
left:以像素為單位指定窗口距屏幕左邊的位置;
top:以像素為單位指定窗口距屏幕頂端的位置;
alwaysLowered:指定窗口隱藏在所有窗口之后,選項(xiàng)的值及含義與toolbar相同;
alwaysRaised:指定窗口浮在所有窗口之上,選項(xiàng)的值及含義與toolbar相同;
dependent:指定打開(kāi)的窗口為當(dāng)前窗口的一個(gè)子窗口,并隨著父窗口的關(guān)閉而關(guān)閉,選項(xiàng)的值及含義與toolbar相同;
hotkeys:在沒(méi)有菜單欄的新窗口中設(shè)置安全退出的熱鍵,選項(xiàng)的值及含義與toolbar相同;
innerHeight:設(shè)定窗口中文檔的像素高度;
innerWidth:設(shè)定窗口中文檔的像素寬度;
screenX:設(shè)定窗口距離屏幕左邊界的像素長(zhǎng)度;
screenY:設(shè)定窗口距離屏幕上邊界的像素長(zhǎng)度;
titleBar:指明標(biāo)題欄是否在新窗口中可見(jiàn),選項(xiàng)的值及含義與toolbar相同;
z-look:指明當(dāng)窗口被激活時(shí),不能浮在其它窗口之上,選項(xiàng)的值及含義與toolbar相同。
open方法返回的是該窗口的引用。
小技巧:該方法經(jīng)常用于在打開(kāi)一個(gè)網(wǎng)頁(yè)時(shí)自動(dòng)打開(kāi)另一個(gè)窗口。
2. close方法
語(yǔ)法格式:
window.close()
功能:close方法用于自動(dòng)關(guān)閉瀏覽器窗口。
3. alert方法
語(yǔ)法格式:
window.alert(提示字符串)
功能:彈出一個(gè)警告框,在警告框內(nèi)顯示提示字符串文本。
4. confirm方法
語(yǔ)法格式:
window.confirm(提示字符串)
功能:顯示一個(gè)確認(rèn)框,在確認(rèn)框內(nèi)顯示提示字符串,當(dāng)用戶單擊“確定”按鈕
時(shí)該方法返回true,單擊“取消”時(shí)返回false。
5. prompt方法
語(yǔ)法格式:
window.prompt(提示字符串,缺省文本)
功能:顯示一個(gè)輸入框,在輸入框內(nèi)顯示提示字符串,在輸入文本框顯示缺省文
本,并等待用戶輸入,當(dāng)用戶單擊“確定”按鈕時(shí),返回用戶輸入的字符串,當(dāng)
單擊“取消”按鈕時(shí),返回null值。
6. setTimeout方法
語(yǔ)法格式:
window.setTimeout(代碼字符表達(dá)式,毫秒數(shù))
功能:定時(shí)設(shè)置,當(dāng)?shù)搅酥付ǖ暮撩霐?shù)后,自動(dòng)執(zhí)行代碼字符表達(dá)式。
7. clearTimeout方法
語(yǔ)法格式:
window.clearTimeout(定時(shí)器)
功能:取消以前的定時(shí)設(shè)置,其中的參數(shù)是用setTimeout設(shè)置時(shí)的返回值。
8. setInterval方法
語(yǔ)法格式:
window.setInterval(代碼字符表達(dá)式,毫秒數(shù))
功能:設(shè)定一個(gè)時(shí)間間隔后(第二個(gè)參數(shù)),反復(fù)執(zhí)行“代碼字符表達(dá)式”的內(nèi)容
9. clearInterval方法
語(yǔ)法格式:
window.clearInterval(時(shí)間間隔器)
功能:取消setInterval設(shè)置的定時(shí)。其中的參數(shù)是setInterval方法的返回值。
10. moveBy方法
語(yǔ)法格式:
window.moveBy(水平位移量,垂直位移量)
功能:按照給定像素參數(shù)移動(dòng)指定窗口。第一個(gè)參數(shù)是窗口水平移動(dòng)的像素,第
二個(gè)參數(shù)是窗口垂直移動(dòng)的像素。
11.moveTo方法
語(yǔ)法格式:
window.moveTo(x,y)
功能:將窗口移動(dòng)到指定的指定坐標(biāo)(x,y)處。
12. resizeBy方法
語(yǔ)法格式:
window.resizeBy(水平,垂直)
功能:將當(dāng)前窗口改變指定的大小(x,y),當(dāng)x、y的值大于0時(shí)為擴(kuò)大,小于0時(shí)
為縮小。
13. resizeTo方法
語(yǔ)法格式:
window.resizeTo(水平寬度,垂直寬度)
功能:將當(dāng)前窗口改變成(x,y)大小,x、y分別為寬度和高度。
14. scrollBy方法
語(yǔ)法格式:
window.scrollBy(水平位移量,垂直位移量)
功能:將窗口中的內(nèi)容按給定的位移量滾動(dòng)。參數(shù)為正數(shù)時(shí),正向滾動(dòng),否則反
向滾動(dòng)。
15. scrollTo方法
語(yǔ)法格式:
window.scrollTo(x,y)
功能:將窗口中的內(nèi)容滾動(dòng)到指定位置。
16.find方法
語(yǔ)法格式:
window.find()
功能:當(dāng)觸發(fā)該方法時(shí),將彈出一個(gè)“find”(查找)對(duì)話窗口,并允許用戶在觸
發(fā)find方法的頁(yè)面中查找一個(gè)字符串。
注:該屬性在IE5.5及Netscape6.0中都不支持。
17. back方法
語(yǔ)法格式:
window.back()
功能:模擬用戶點(diǎn)擊瀏覽器上的“后退”按鈕,將頁(yè)面轉(zhuǎn)到瀏覽器的上一頁(yè)。
說(shuō)明:僅當(dāng)當(dāng)前頁(yè)面存在上一頁(yè)時(shí)才能進(jìn)行該操作。
注:IE5.5不支持該方法,Netscape6.0支持。
18. forward方法
語(yǔ)法格式:
window.forward()
功能:模擬用戶點(diǎn)擊瀏覽器上的“前進(jìn)”按鈕,將頁(yè)面轉(zhuǎn)到瀏覽器的下一頁(yè)。
說(shuō)明:僅當(dāng)當(dāng)前頁(yè)面存在下一頁(yè)時(shí)才能進(jìn)行該操作。
注:IE5.5不支持該方法,Netscape6.0支持。
19. home方法
語(yǔ)法格式:
window.home()
功能:模擬用戶點(diǎn)擊瀏覽器上的“主頁(yè)”按鈕,將頁(yè)面轉(zhuǎn)到指定的頁(yè)面上。
注:IE5.5不支持該方法,Netscape6.0支持。
20. stop方法
語(yǔ)法格式:
window.stop()
功能:模擬用戶點(diǎn)擊瀏覽器上的“停止”按鈕,終止瀏覽器的下載操作。
注:IE5.5不支持該方法,Netscape6.0支持。
21. print方法
語(yǔ)法格式:
window.print()
功能:模擬用戶點(diǎn)擊瀏覽器上的“打印”按鈕,通知瀏覽器打開(kāi)打印對(duì)話框打印
當(dāng)前頁(yè)。
22. blur方法
語(yǔ)法格式:
window.blur()
功能:從窗口中移出焦點(diǎn)。當(dāng)與focus方法合用時(shí)必須小心,因?yàn)榭赡軐?dǎo)致焦點(diǎn)
不斷移進(jìn)移出。
23. focus方法
語(yǔ)法格式:
window.focus()
功能:使窗口中得到焦點(diǎn)。當(dāng)與blur方法合用時(shí)必須小心,因?yàn)榭赡軐?dǎo)致焦點(diǎn)不
斷移進(jìn)移出。
24. captureEvent方法
語(yǔ)法格式:
window.captureEvent(Event)
window.captureEvent(事件1|事件2|...|事件n)
功能:捕捉指定參數(shù)的所有事件。由于能夠捕獲哪些由本地程序自己處理的事件
,所以程序員可以隨意定義函數(shù)來(lái)處理事件。如果有多個(gè)事件需要捕捉,各事件
之間用管道符“|”隔開(kāi)??刹蹲降氖录愋腿缦拢?br />
Event.ABORT
Event.BLUR
Event.CHANGE
Event.CLICK
Event.DBLCLICK
Event.DRAGDROP
Event.ERROR
Event.FOCUS
Event.KEYDOWN
Event.KEYPRESS
Event.KEYUP
Event.LOAD
Event.MOUSEDOWN
Event.MOUSUEMOVE
Event.MOUSEOUT
Event.MOUSEOVER
Event.MOUSEUP
Event.MOVE
Event.RESET
Event.RESIZE
Event.SELECT
Event.SUBMIT
Event.UNLOAD
25. enableExternalCapture事件
語(yǔ)法格式:
window.enableExternalCapture(event)
功能:enableExternalCapture方法用于捕捉通過(guò)參數(shù)傳入的外部事件。
26. disableExternalCapture事件
語(yǔ)法格式:
window.disableExternalCapture()
功能:取消enableExternalCapture方法的設(shè)置,終止對(duì)外部事件的捕捉。
27. handleEvent事件
語(yǔ)法格式:
window.handleEvent(event)
功能:觸發(fā)指定事件的事件處理器。
28. releaseEvent事件
語(yǔ)法格式:
window.releaseEvent(event)
window.releaseEvent(事件1|事件2|...|事件n)
功能:釋放通過(guò)參數(shù)傳入的已被捕捉的事件,這些事件是由
window.captureEvent方法設(shè)置的,可釋放的事件與captureEvent相同。
29. routeEvent事件
語(yǔ)法格式:
window.releaseEvent(event)
功能:把被捕捉類型的所有事件轉(zhuǎn)交給標(biāo)準(zhǔn)事件處理方法進(jìn)行處理,可轉(zhuǎn)交的事
件與captureEvent相同。
30 scroll事件
語(yǔ)法格式:
window.scroll(X坐標(biāo),Y坐標(biāo))
功能:將窗口移動(dòng)到指定的坐標(biāo)位置。
window對(duì)象具有如下屬性:
1. status屬性
語(yǔ)法格式:
window.status=字符串
功能:設(shè)置或給出瀏覽器窗口中狀態(tài)欄的當(dāng)前顯示信息。
小技巧:可以使用該屬性設(shè)置瀏覽器窗口狀態(tài)欄信息。
2. statusbar屬性
語(yǔ)法格式:
window.statusbar.屬性
功能:statusbar屬性本身也是一個(gè)對(duì)象,用于訪問(wèn)它自已的visible屬性從而確
定狀態(tài)欄是否可見(jiàn)。
注:IE5.5瀏覽器不支持該屬性。
3. statusbar.visible屬性
語(yǔ)法格式:
window.statusbar.visible
功能:檢查狀態(tài)欄是否可見(jiàn),如果可見(jiàn)則返回true,反之返回false。
注:IE5.5瀏覽器不支持該屬性。
4. defaultstatus屬性
語(yǔ)法格式:
window.defaultstatus[=字符串]
功能:defaultstatus屬性值是瀏覽器窗中狀態(tài)欄的默認(rèn)顯示信息。
5.location屬性
語(yǔ)法格式:
window.location=URL
功能:給出當(dāng)前窗口的URL信息或指定打開(kāi)窗口的URL。
6. locationbar屬性
語(yǔ)法格式:
window.locationbar.屬性
功能:locationbar屬性也可以看成是一個(gè)子對(duì)象,這個(gè)屬性用來(lái)獲取它自已的
visible屬性來(lái)確定位置欄是否可見(jiàn)。
到目前為止,該屬性只有一個(gè)子屬性:visible。
注:IE5.5不支持該屬性。
7. locationbar.visible屬性
語(yǔ)法格式:
window.locationbar.visible
功能:返回位置欄是否可見(jiàn),如果可見(jiàn)返回true,反之返回false。
注:IE5.5不支持該屬性。
8. self屬性
語(yǔ)法格式:
window.self.方法
window.self.屬性
功能:該屬性包含當(dāng)前窗口的標(biāo)志,利用這個(gè)屬性,可以保證在多個(gè)窗口被打開(kāi)
的情況下,正確調(diào)用當(dāng)前窗口內(nèi)的函數(shù)或?qū)傩远粫?huì)發(fā)生混亂。
9. name屬性
語(yǔ)法格式:
window.name=名稱
功能:返回窗口名稱,這個(gè)名稱是由window.open()方法創(chuàng)建新窗口時(shí)給定的。
在javascript1.0版本中,這個(gè)屬性只能用于讀取窗口名稱,而到了
javascript1.1版本時(shí),可以用這個(gè)屬性給一個(gè)不是用window.open()方法創(chuàng)建的
窗口指定一個(gè)名稱。
10. closed屬性
語(yǔ)法格式:
window.closed
功能:closed屬性用于返回指定窗口的實(shí)例是否已經(jīng)關(guān)閉,如果關(guān)閉,返回true
,反之返回flase。
11. frames屬性
語(yǔ)法格式:
window.frames["框架名稱"]
window.frames[數(shù)值]
功能:frames屬性是一個(gè)數(shù)組,用來(lái)存儲(chǔ)文檔中每一個(gè)由元素創(chuàng)建的子窗口(框
架)實(shí)例,其中的下標(biāo)即可以是次序號(hào)也可以是用FRAME元素的NAME屬性指定的名
稱來(lái)得到并使用。
12. frames.length屬性
語(yǔ)法格式:
window.frames.length
功能:frames.length屬性用于給出文檔中子窗口(框架)實(shí)例的個(gè)數(shù)。
13. length屬性
語(yǔ)法格式:
window.length
功能:length屬性返回一個(gè)窗口內(nèi)的子窗口數(shù)目,該屬性與
window.frame.length屬性的值相同。
14. document屬性
語(yǔ)法格式:
window.document.事件
window.document.方法
window.document.屬性
功能:window對(duì)象的子對(duì)象document是javascript的核心對(duì)象,在腳本中遇到
BODY元素時(shí)創(chuàng)建一個(gè)實(shí)例。
15. history屬性
語(yǔ)法格式:
window.history[數(shù)值]
window.history.方法()
window.history.屬性
window對(duì)象的子對(duì)象history是javascript的核心對(duì)象之一,該屬性包含了一個(gè)
已訪問(wèn)過(guò)頁(yè)面的名稱和URL的數(shù)組。
16. innerHeight屬性
語(yǔ)法格式:
window.innerHeight=數(shù)值
功能:返回或指定瀏覽器窗口中文檔的像素高度,這個(gè)高度不包括任何工具欄和
組成窗口的頁(yè)面修飾高度。
注:IE5.5不支持該屬性。
17. innerWidth屬性
語(yǔ)法格式:
window.innerHeight=數(shù)值
功能:返回或指定瀏覽器窗口中文檔的像素寬度,這個(gè)寬度不包括任何工具欄和
組成窗口的頁(yè)面修飾寬度。
注:IE5.5不支持該屬性。
18. menubar屬性
語(yǔ)法格式:
window.menubar.屬性
功能:menubar屬性也可以看成是一個(gè)子對(duì)象,這個(gè)屬性用來(lái)獲取它自已的
visible屬性來(lái)確定菜單欄是否可見(jiàn)。
到目前為止,該屬性只有一個(gè)子屬性:visible。
注:IE5.5不支持該屬性。
19. menubar.visible屬性
語(yǔ)法格式:
window.menubar.visible
功能:menubar.visible屬性用于返回菜單欄是否可見(jiàn),如果可見(jiàn)返回true,反
之返回false。
注:IE5.5不支持該屬性。
20. opener屬性
語(yǔ)法格式:
window.opener
window.opener.方法
window.opener.屬性
功能:opener屬性與打開(kāi)該窗口的父窗口相聯(lián)系,當(dāng)訪問(wèn)子窗口中operer屬性時(shí)
,返回的是父窗口。通過(guò)該屬性,可以使用父窗口對(duì)象中的方法和屬性。
21. outerHeight屬性
語(yǔ)法格式:
window.outerHeight
功能:outerHeight屬性用于訪問(wèn)瀏覽器窗口的像素高度,該高度包括工具欄和
裝飾邊的高度。
注:IE5.5不支持該屬性。
22. outerWidth屬性
語(yǔ)法格式:
window.outerWidth
功能:outerWidth屬性用于訪問(wèn)瀏覽器窗口的像素寬度,該寬度包括工具欄和裝
飾邊的寬度。
注:IE5.5不支持該屬性。
23. pageXOffset屬性
語(yǔ)法格式:
window.pageXOffset=數(shù)值
功能:指定瀏覽器窗口中文檔左上角在窗口中的當(dāng)前水平像素位置。在利用
moveTo移動(dòng)之前,可以通過(guò)該屬性來(lái)決定是否需要移動(dòng)窗口。因?yàn)樵搶傩苑祷亓?br />
可見(jiàn)文檔相對(duì)整個(gè)頁(yè)面的當(dāng)前位置。
注:IE5.5不支持該屬性。
24. pageYOffset屬性
語(yǔ)法格式:
window.pageYOffset=數(shù)值
功能:指定瀏覽器窗口中文檔左上角在窗口中的當(dāng)前垂直像素位置。在利用
moveTo移動(dòng)之前,可以通過(guò)該屬性來(lái)決定是否需要移動(dòng)窗口。因?yàn)樵搶傩苑祷亓?br />
可見(jiàn)文檔相對(duì)整個(gè)頁(yè)面的當(dāng)前位置。
注:IE5.5不支持該屬性。
25. parent屬性
語(yǔ)法格式:
window.parent.frames[數(shù)值]
window.parent.framesName
功能:訪問(wèn)各個(gè)子窗口(多框架)所在的父窗口。
26. personalbar屬性
語(yǔ)法格式:
window.personalbar.屬性
功能:personalbar屬性本身也是一個(gè)對(duì)象,用于訪問(wèn)其自身的visible屬性來(lái)確
定個(gè)人欄是否可見(jiàn)。
注:IE5.5不支持該屬性。
27. personalbar.visible屬性
語(yǔ)法格式:
window.personalbar.visible
功能:確定個(gè)人欄是否可見(jiàn),如果可見(jiàn)則返回true,反之返回false。
注:IE5.5不支持該屬性。
28. scrollbars屬性
語(yǔ)法格式:
window.scrollbars.屬性
功能:scrollbars屬性本身也是一個(gè)對(duì)象,用于訪問(wèn)其自身的visible屬性來(lái)確
定滾動(dòng)欄是否可見(jiàn)。
注:IE5.5不支持該屬性。
29. scrollbars.visible屬性
語(yǔ)法格式:
window.scrollbars.visible
功能:scrollbars.visible用于確定滾動(dòng)欄是否可見(jiàn),如果可見(jiàn)則返回true,反
之返回false。
注:IE5.5不支持該屬性。
30. toolbar屬性
語(yǔ)法格式:
window.toolbar.屬性
功能:toolbar屬性本身也是一個(gè)對(duì)象,用于訪問(wèn)它自已的visible屬性從而確定
工具欄是否可見(jiàn)。
注:IE5.5不支持該屬性。
31. toolbar.visible屬性
語(yǔ)法格式:
window.toolbar.visible
功能:toolbar.visible屬性用于檢查工具欄是否可見(jiàn),如果可見(jiàn)則返回true,
反之返回false。
注:IE5.5不支持該屬性。
32. top屬性
語(yǔ)法格式:
window.top.frames[數(shù)值]
window.top.frameName
window.top.方法()
window.top.屬性
功能:window對(duì)象的top屬性用于包含所有裝入瀏覽器的子窗口(多框架)的最頂層窗口的信息。
以上所述就是本文的全部?jī)?nèi)容了,希望大家能夠喜歡。
相關(guān)文章
你有必要知道的10個(gè)JavaScript難點(diǎn)
10個(gè)JavaScript難點(diǎn),你可能還不知道,不著急,本文為大家一一列出,一一攻破,感興趣的小伙伴們可以參考一下2017-07-07javascript正則表達(dá)式參數(shù)/g與/i及/gi的使用指南
正則表達(dá)式:是對(duì)字符串操作的一種邏輯公式,用事先定義好的一些特定字符、及這些特定字符的組合,組成一個(gè)“規(guī)則字符串”,這個(gè)“規(guī)則字符串”用來(lái)表達(dá)對(duì)字符串的一種過(guò)濾邏輯2014-08-08正則表達(dá)式,替換所有HTML標(biāo)簽的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇正則表達(dá)式,替換所有HTML標(biāo)簽的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-11-11JS基于myFocus庫(kù)實(shí)現(xiàn)各種功能的tab選項(xiàng)卡切換效果
這篇文章主要介紹了JS基于myFocus庫(kù)實(shí)現(xiàn)各種功能的tab選項(xiàng)卡切換效果,實(shí)例演示了JS實(shí)現(xiàn)tab嵌套顯示及常用過(guò)度效果的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09Javascript? Constructor構(gòu)造器模式與Module模塊模式
這篇文章主要介紹了Javascript? Constructor構(gòu)造器模式與Module模塊模式,文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹,具有一定的參考價(jià)值,需要的小伙伴可以參考一下2022-08-08firefox 和 ie 事件處理的細(xì)節(jié),研究,再研究 書(shū)寫(xiě)同時(shí)兼容ie和ff的事件處理代碼
firefox 和 ie 事件處理的細(xì)節(jié),研究,再研究 書(shū)寫(xiě)同時(shí)兼容ie和ff的事件處理代碼2007-04-04原生JS實(shí)現(xiàn)首頁(yè)進(jìn)度加載動(dòng)畫(huà)
這篇文章主要為大家詳細(xì)介紹了原生JS實(shí)現(xiàn)首頁(yè)進(jìn)度加載動(dòng)畫(huà),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-09-09