首頁 > web前端 > js教程 > js window物件屬性和方法相關資料整理_javascript技巧

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

WBOY
發布: 2016-05-16 15:32:50
原創
1036 人瀏覽過

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屬性用於包含所有裝入瀏覽器的子視窗(多框架)的最頂層視窗的資訊。

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板