js window物件屬性和方法相關資料整理_javascript技巧

window物件有以下方法：

open　close　alert　confirm　prompt　setTimeout　clearTimeout　setInterval　clearInterval　moveBy　moveTo　resizeBy　resizeToward　moveBy　moveToconsrollsizeBy　resizeToward　By　腳　下　blur　focus　captureEvent　enableExternalCapture　disableExternalCapture　handleEvent　 releaseEvent　routeEvent　scroll

1. open方法

語法格式：window.open(URL,視窗名稱,視窗風格)

功能：開啟一個新的窗口，並在視窗中裝載指定URL位址的網頁。

說明：

open方法用於開啟一個新的瀏覽器窗口，並在新窗口中裝入一個指定的URL位址；

open方法在開啟一個新的瀏覽器視窗時，也可以指定視窗的名稱(第二個參數)；

open方法在開啟一個新的瀏覽器視窗時，也可以指定視窗的風格(第三個參數)，視窗風格有以下選項，這些選項可以多選，如果多選，各選項之間用逗號分隔：

toolbar：指定視窗是否有標準工具列。當該選項的值為1或yes時，表示有標準工具欄，當該選項的值為0或no時，表示沒有標準工具列；

location：指定視窗是否有網址工具列，選項的值及意義與toolbar相同；
directories：指定視窗是否有連結工具列，選項的值及意義與toolbar相同；
status：指定視窗是否有狀態欄，選項的值及意義與toolbar相同；
menubar：指定視窗是否有選單，選項的值及意義與toolbar相同；
scrollbar：指定目前視窗文件大於視窗時是否有捲軸，選項的值及意義與toolbar相同；
resizable：指定視窗是否可改變大小，選項的值及意義與toolbar相同；
width：以像素為單位指定視窗的寬度，已被innerWidth取代；
height：以像素為單位指定視窗的高度，已被innerHeight取代；
outerWidth：以像素為單位指定視窗的外部寬度；
outerHeight：以像素為單位指定視窗的外部高度；
left：以像素為單位指定視窗距螢幕左邊的位置；
top：以像素為單位指定視窗與螢幕頂端的位置；
alwaysLowered：指定視窗隱藏在所有視窗之後，選項的值及意義與toolbar相同；
alwaysRaised：指定視窗浮在所有視窗之上，選項的值及意義與toolbar相同；
dependent：指定開啟的視窗為目前視窗的子窗口，並隨著父視窗的關閉而關閉，選項的值及意義與toolbar相同；
hotkeys：在沒有選單列的新視窗中設定安全退出的熱鍵，選項的值及意義與toolbar相同；
innerHeight：設定視窗中文件的像素高度；
innerWidth：設定視窗中文件的像素寬度；
screenX：設定視窗距離螢幕左邊界的像素長度；
screenY：設定視窗距離螢幕上邊界的像素長度；
titleBar：指明標題列是否在新視窗中可見，選項的值及意義與toolbar相同；
z-look：指明當視窗被啟動時，不能浮在其它視窗之上，選項的值及意義與toolbar相同。
open方法傳回的是該視窗的引用。

小技巧：此方法經常用於在開啟一個網頁時自動開啟另一個視窗。

2. close方法

語法格式：window.close()

功能：close方法用於自動關閉瀏覽器視窗。

3. alert方法

語法格式： window.alert(提示字串)

功能：彈出一個警告框，在警告框內顯示提示字串文字。

4. confirm方法

語法格式：window.confirm(提示字串)

功能：顯示一個確認框，在確認框內顯示提示字串，當使用者按一下「確定」按鈕時該方法傳回true，按一下「取消」時傳回false。

5. prompt方法

語法格式：window.prompt(提示字串，預設文字)

功能：顯示一個輸入框，在輸入框內顯示提示字串，在輸入文本框顯示缺省文本，並等待用戶輸入，當用戶單擊“確定”按鈕時，返回用戶輸入的字符串，當按一下「取消」按鈕時，傳回null值。

6. setTimeout方法

語法格式：window.setTimeout(代碼字元表達式,毫秒數)

功能：定時設置，當到了指定的毫秒數後，自動執行程式碼字元表達式。

7. clearTimeout方法

語法格式：window.clearTimeout(定時器)

功能：取消先前的定時設置，其中的參數是用setTimeout設定時的回傳值。

8. setInterval方法

語法格式：window.setInterval(代碼字元表達式,毫秒數)

功能：設定一個時間間隔後(第二個參數)，重複執行「程式碼字元表達式」的內容

9. clearInterval方法

語法格式：window.clearInterval(時間間隔器)

功能：取消setInterval設定的定時。其中的參數是setInterval方法的回傳值。

10. moveBy方法

文法格式：window.moveBy(水平位移量,垂直位移量)

功能：按照給定像素參數移動指定視窗。第一個參數是視窗水平移動的像素，第二個參數是視窗垂直移動的像素。

11.moveTo方法

語法格式：window.moveTo(x,y)

功能：將視窗移到指定的指定座標(x,y)。

12. resizeBy方法

文法格式：window.resizeBy(水平,垂直)

功能：將目前視窗改變指定的大小(x,y)，當x、y的值大於0時為擴大，小於0時為縮小。

13. resizeTo方法

語法格式：window.resizeTo(水平寬度,垂直寬度)

功能：將目前視窗改變為(x,y)大小，x、y分別為寬度、高度。

14. scrollBy方法

文法格式：window.scrollBy(水平位移量，垂直位移量)

功能：將視窗中的內容按給定的位移量滾動。參數為正數時，正向滾動，否則反向滾動。

15. scrollTo方法

文法格式：window.scrollTo(x,y)

功能：將視窗中的內容捲動到指定位置。

16.find方法

語法格式：window.find()

功能：當觸發該方法時，將彈出一個「find」(查找)對話窗口，並允許使用者在觸發find方法的頁面中尋找一個字串。

註：此屬性在IE5.5及Netscape6.0都不支援。

17. back方法

語法格式：window.back()

功能：模擬使用者點選瀏覽器上的「後退」按鈕，將頁面轉到瀏覽器的上一頁。

說明：僅噹噹前頁面存在上一頁時才能進行此操作。

註：IE5.5不支援此方法，Netscape6.0支援。

18. forward方法

語法格式：window.forward()

功能：模擬使用者點擊瀏覽器上的「前進」按鈕，將頁面轉到瀏覽器的下一頁。

說明：僅噹噹前頁面存在下一頁時才能進行該操作。

註：IE5.5不支援此方法，Netscape6.0支援。

19. home方法

文法格式：window.home()

功能：模擬使用者點選瀏覽器上的「首頁」按鈕，將頁面轉到指定的頁面。

註：IE5.5不支援此方法，Netscape6.0支援。

20. stop法

語法格式：window.stop()

功能：模擬使用者點選瀏覽器上的「停止」按鈕，終止瀏覽器的下載操作。

註：IE5.5不支援此方法，Netscape6.0支援。

21. print方法

語法格式：window.print()

功能：模擬使用者點選瀏覽器上的「列印」按鈕，通知瀏覽器開啟列印對話方塊列印目前頁面。

22. blur方法

語法格式：window.blur()

功能：從視窗中移出焦點。當與focus方法合用時必須小心，因為可能導致焦點不斷移進移出。

23. focus方法

文法格式：window.focus()

功能：使視窗中得到焦點。當與blur方法合用時必須小心，因為可能導致焦點不斷移進移出

24. captureevent方法

語法格式：window.captureevent(event)

window.captureevent(事件1|事件2|…|事件n)

功能：捕捉指定參數的所有事件。由於能夠捕獲哪些由本地程式自己處理的事件，所以程式設計師可以隨意定義函數來處理事件。若有多個事件需要捕捉，則各事件之間以管道符「|」隔開。可捕捉的事件類型如下：

event.abort　event.blur　event.change　event.click　event.dblclick　event.dragdrop　event.error　event.focus　event.keydown　event.keypress　event.keyup　event. mouseover　event.mouseup　event.move　event.reset　event.resize　 event.select　event.submit　event.unload

25. enableexternalcapture事件

語法格式：window.enableexternalcapture(event)

功能：enableexternalcapture方法用於捕捉透過參數傳入的外部事件。

26. disableexternalcapture事件

語法格式：window.disableexternalcapture()

功能：取消enableexternalcapture方法的設置，終止對外部事件的捕捉。

27. handleevent事件

語法格式：window.handleevent(event)

功能：觸發指定事件的事件處理器。

28. releaseevent事件

語法格式：window.releaseevent(event)

window.releaseevent(事件1|事件2|…|事件n)

功能：釋放透過參數傳入的已被捕捉的事件，這些事件是由window.captureevent方法設定的，可釋放的事件與captureevent相同。

29. routeevent事件

語法格式：window.releaseevent(event)

功能：把被捕捉類型的所有事件轉交給標準事件處理方法進行處理，可轉交的事件與captureevent相同。

30. scroll事件

語法格式：window.scroll(x座標,y座標)

功能：將視窗移到指定的座標位置。

window物件的屬性

window物件具有以下屬性：

status　statusbar　statusbar.visible　defaultstatus　location　locationbar　locationbar.visible　self　name　closed　frames　frames.length　name　closed　frames　frames.length。 ubar.visible　opener　outerheight　outerwidth　pagexoffset　pageyoffset　parent　 personalbar　 personalbar.visible　scrollbar　scrollbar.visible　toolbar　站. 🎜>

1. status屬性

語法格式：window.status=字串

功能：設定或給出瀏覽器視窗中狀態列的目前顯示資訊。

小技巧：可以使用此屬性來設定瀏覽器視窗狀態列資訊。

2. statusbar屬性

語法格式：window.statusbar.屬性

功能：statusbar屬性本身也是一個對象，用於存取它自已的visible屬性以決定狀態列是否可見。

附註：ie5.5瀏覽器不支援此屬性。

3. statusbar.visible屬性

文法格式： window.statusbar.visible

功能：檢查狀態列是否可見，如果可見則回傳true，反之回傳false。

附註：ie5.5瀏覽器不支援此屬性。

4. defaultstatus屬性

語法格式：window.defaultstatus[=字串]

功能：defaultstatus屬性值是瀏覽器視窗中狀態列的預設顯示資訊

5.location屬性

語法格式：window.location=url

功能：給出目前視窗的url資訊或指定開啟視窗的url。

6. locationbar屬性

語法格式：window.locationbar.屬性

功能：locationbar屬性也可以看成是一個子對象，這個屬性用來取得它自已的visible屬性來決定位置列是否可見。 到目前為止，該屬性只有一個子屬性：visible。

註：ie5.5不支援此屬性。

7. locationbar.visible屬性

文法格式：window.locationbar.visible

功能：傳回位置列是否可見，如果可見回傳true，反之回傳false。

註：ie5.5不支援此屬性。

8. self屬性

語法格式：window.self.方法

window.self.屬性

功能：此屬性包含目前視窗的標誌，利用這個屬性，可以保證在多個視窗被開啟的情況下，正確呼叫目前視窗內的函數或屬性而不會發生混亂。

9. name屬性

語法格式： window.name=名稱

功能：傳回視窗名稱，這個名稱是由window.open()方法建立新視窗時所給定的。在javascript1.0版本中，這個屬性只能用來讀取視窗名稱，而到了javascript1.1版本時，可以用這個屬性給一個不是用window.open()方法建立的視窗指定一個名稱。

10. closed屬性

文法格式：window.closed

功能：closed屬性用於傳回指定視窗的實例是否已關閉，如果關閉，則傳回true ，反之傳回flase。

11. frames屬性

語法格式：window.frames[「框架名稱」]

window.frames[數值]

功能：frames屬性是一個數組，用來儲存文件中每一個由元素創建的子視窗(框架)實例，其中的下標即可以是次序號也可以是用frame元素的name屬性指定的名稱來得到並使用。

12. frames.length屬性

語法格式： window.frames.length

功能：frames.length屬性用來給出文件中子視窗(框架)實例的數量。

13. length屬性

文法格式：window.length

功能：length屬性傳回一個視窗內的子視窗數目，該屬性與window.frame.length屬性的值相同。

14. document屬性

語法格式：window.document.事件　window.document.方法　window.document.屬性

功能：window物件的子物件document是javascript的核心對象，在腳本中遇到body元素時建立一個實例。

15. history屬性

語法格式：　window.history[數值] 　window.history.方法() 　window.history.屬性

window物件的子物件history是javascript的核心物件之一，該屬性包含了一個已造訪過頁面的名稱和url的陣列。

16. innerheight屬性

語法格式：window.innerheight=數值

功能：傳回或指定瀏覽器視窗中文件的像素高度，這個高度不包括任何工具列和組成視窗的頁面修飾高度。

註：ie5.5不支援此屬性。

17. innerwidth屬性

語法格式：window.innerheight=數值

功能：傳回或指定瀏覽器視窗中文件的像素寬度，這個寬度不包含任何工具列和組成視窗的頁面修飾寬度。

註：ie5.5不支援此屬性。

18. menubar屬性

語法格式：window.menubar.屬性

功能：menubar屬性也可以看成是一個子對象，這個屬性用來取得它自已的visible屬性來決定選單列是否可見。到目前為止，該屬性只有一個子屬性：visible。

註：ie5.5不支援此屬性。

19. menubar.visible屬性

文法格式：window.menubar.visible

功能：menubar.visible屬性用於傳回功能表列是否可見，如果可見回傳true，反之回傳false。

註：ie5.5不支援此屬性。

20. opener屬性

語法格式：window.opener　window.opener.方法　window.opener.屬性

功能：opener屬性與開啟該視窗的父視窗相聯繫，當存取子視窗中operer屬性時，傳回的是父視窗。透過此屬性，可以使用父視窗物件中的方法和屬性。

21. outerheight屬性

文法格式：window.outerheight

功能：outerheight屬性用於存取瀏覽器視窗的像素高度，該高度包括工具列和裝飾邊的高度。

註：ie5.5不支援此屬性。

22. outerwidth屬性

文法格式：window.outerwidth

功能：outerwidth屬性用於存取瀏覽器視窗的像素寬度，該寬度包括工具列和裝飾邊的寬度。

註：ie5.5不支援此屬性。

23. pagexoffset屬性

語法格式：window.pagexoffset=數值

功能：指定瀏覽器視窗中文件左上角在視窗中的目前水平像素位置。在利用moveto移動之前，可以透過該屬性來決定是否需要移動視窗。因為該屬性傳回了可見文檔相對整個頁面的目前位置。

註：ie5.5不支援此屬性。

24. pageyoffset屬性

語法格式：window.pageyoffset=數值

功能：指定瀏覽器視窗中文件左上角在視窗中的目前垂直像素位置。在利用moveto移動之前，可以透過該屬性來決定是否需要移動視窗。因為該屬性傳回了可見文檔相對整個頁面的目前位置。

註：ie5.5不支援此屬性。

25. parent屬性

語法格式：window.parent.frames[數值]　window.parent.framesname

功能：存取各個子視窗(多框架)所在的父視窗。

26. personalbar屬性

語法格式：window.personalbar.屬性

功能：personalbar屬性本身也是一個對象，用於存取其自身的visible屬性來確定個人欄位是否可見。

註：ie5.5不支援此屬性。

27. personalbar.visible屬性

文法格式：window.personalbar.visible

功能：決定個人欄是否可見，如果可見則回傳true，反之回傳false。

註：ie5.5不支援此屬性。

28. scrollbars屬性

語法格式：window.scrollbars.屬性

功能：scrollbars屬性本身也是一個對象，用於存取其自身的visible屬性來確定滾動欄是否可見

註：ie5.5不支援此屬性。

29. scrollbars.visible屬性

文法格式：window.scrollbars.visible

功能：scrollbars.visible用來決定捲動欄是否可見，如果可見則傳回true，反之回傳false。

註：ie5.5不支援此屬性。

30. toolbar屬性

語法格式：window.toolbar.屬性

功能：toolbar屬性本身也是一個對象，用來存取它自已的visible屬性以決定工具列是否可見。

註：ie5.5不支援此屬性。

31. toolbar.visible屬性

文法格式：window.toolbar.visible

功能：toolbar.visible屬性用於檢查工具列是否可見，如果可見則傳回true，反之回傳false。

註：ie5.5不支援此屬性。

32. top屬性

語法格式：window.top.frames[數值] 　window.top.framename 　window.top.方法()

window.top.屬性

功能：window物件的top屬性用於包含所有裝入瀏覽器的子視窗(多框架)的最頂層視窗的資訊。