本文給大家匯總分享的是JavaScript Window浏覽器對象模型方法與屬性,十分的細致全面,這裡推薦給大家,有需要的小伙伴可以參考下。
Window 對象
所有浏覽器都支持 window 對象。它表示浏覽器窗口。
所有 JavaScript 全局對象、函數以及變量均自動成為 window 對象的成員。
全局變量是 window 對象的屬性。
全局函數是 window 對象的方法。
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.LOAD
Event.MOUSEDOWN
Event.MOUSUEMOVE
Event.MOUSEOUT
Event.MOUSEOVER