萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> JavaScript Window浏覽器對象模型方法與屬性匯總

JavaScript Window浏覽器對象模型方法與屬性匯總

   本文給大家匯總分享的是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

copyright © 萬盛學電腦網 all rights reserved