首頁  >  文章  >  web前端  >  詳細講解JS中Windows物件課程

詳細講解JS中Windows物件課程

亚连
亚连原創
2018-05-17 11:10:071551瀏覽

詳細講解JS中Windows對象課程

一.說明:他是JS中最大的對象,它描述的是一個瀏覽器窗口,一般要引用他的屬性和方法時,不需要用「Window.XXX」這種形式,而是直接使用「XXX」。一個框架頁面也是一個視窗。

二.Window視窗物件有以下屬性。

   1.name 視窗的名稱,由開啟它的連接(2772201cdc8da66f4f160b6ac67b783f)或框架頁(0ca9a102799d6cf50afa728f2a85866c)或某一個視窗呼叫的open() 方法(見下)決定。一般我們不會用這個屬性。

   2.status 指視窗下方的「狀態列」所顯示的內容。透過對 status 賦值,可以改變狀態列的顯示。

   3.opener 用法:window.opener;傳回開啟本視窗的視窗物件。注意:傳回的是一個視窗物件。如果視窗不是由其他視窗開啟的,在 Netscape 中這個屬性傳回 null;在 IE 中傳回「未定義」(undefined)。 undefined 在某種程度上等於 null。注意:undefined 不是 JavaScript 常數,如果你企圖使用“undefined”,那就真的回傳“未定義”了。
   4.self 指視窗本身,它回傳的物件跟 window 物件是一模一樣的。最常用的是“self.close()”,放在3499910bf9dac5ae3c52d5ede7383485標記中:“09ce8ddd3e0a485a89a4903d83b6db45關閉視窗5db79b134e9f6b82c0b36e0489ee08ed”。
   5.parent 傳回視窗所屬的框架頁物件。

   6.top 傳回佔據整個瀏覽器視窗的最頂端的框架頁物件。

三.Window視窗物件有如下方法。

   1.open(433f14152450c178b5b9bf10e77894a6, 6e13c211397f14a53bb8433aeb3e6ba0, f722e0ba0040bef870ab755323d7a79a);

#   說明:

2237ba160f132f3cfd7b2fb5e96b518c:描述所開啟的視窗開啟哪一個網頁。如果留空(''),則不開啟任意網頁。 
6e13c211397f14a53bb8433aeb3e6ba0:描述被開啟的視窗的名稱(window.name),可以使用'_top'、'_blank'等內建名稱。這裡的名稱跟「2b387183a63764cad37e4377e31dcc3a」裡的「target」屬性是一樣的。 
f722e0ba0040bef870ab755323d7a79a:描述被開啟的視窗的樣貌。如果只需要打開一個普通窗口,則字串留空(''),如果要指定樣貌,就在字串裡寫上一到多個參數,參數之間用逗號隔開。
範例:開啟一個400 x 100 的乾淨的視窗:open('','_blank','width=400,height=100,menubar=no,toolbar=no,
location=no,directories= no,status=no, scrollbars=yes,resizable=yes') 
open()的參數

top=# 視窗頂部離開螢幕頂部的像素數 
left=# 視窗左端離開螢幕左端的像素數 
width=# 視窗的寬度 
height=# 視窗的高度 
menubar=... 視窗有沒有選單,取值yes或no 
toolbar=... 視窗有沒有工具條,取值yes或no 
location=... 視窗有沒有網址列,取值yes或no 
directories=... 視窗有沒有連線區,取值yes或no 
scrollbars=... 視窗有沒有捲軸,取值yes或no 
status=... 視窗有沒有狀態欄,取值yes或no 
resizable=... 視窗給予不給調整大小,取值yes或no 
注意:open() 方法有回傳值,回傳的就是它打開的視窗物件。例如

var newWindow = open('','_blank');

這樣把一個新視窗賦值到「newWindow」變數中,以後透過「newWindow」變數就可以控制視窗了。
close() 關閉一個已開啟的視窗。

blur() 將焦點從視窗移走,視窗變成「非活動視窗」。 
focus() 是視窗獲得焦點,變成「活動視窗」。不過在 Windows 98,此方法只能讓視窗的標題列和工作列上的對應按鈕閃爍,提示使用者該視窗正在試圖取得焦點。 
scrollTo() 用法:[538d76a8d07b26cb5168fd54e7757e98.]scrollTo(x, y);使視窗捲動,使文件從左上角數起的(x, y)點捲動到視窗的左上角。 
scrollBy() 用法:[538d76a8d07b26cb5168fd54e7757e98.]scrollBy(deltaX, deltaY);使視窗向右捲動 deltaX 像素,向下捲動 deltaY 像素。如果取負值,則向相反的方向滾動。 
resizeTo() 用法:[538d76a8d07b26cb5168fd54e7757e98.]resizeTo(width, height);使視窗調整大小到寬 width 像素,高 height 像素。 
resizeBy() 用法:[538d76a8d07b26cb5168fd54e7757e98.]resizeBy(deltaWidth, deltaHeight);使視窗調整大小,寬增大 deltaWidth 像素,高增大 deltaHeight 像素。如果取負值,則減少。
alert() 用法:alert(fbc74a2e82d01649852465803496b345);彈出一個只包含「確定」按鈕的對話框,顯示fbc74a2e82d01649852465803496b345的內容,整個文件的讀取、Script 的運作都會暫停,直到使用者按下「確定」。
confirm() 用法:confirm(fbc74a2e82d01649852465803496b345);彈出一個包含「確定」和「取消」按鈕的對話框,顯示fbc74a2e82d01649852465803496b345的內容,要求使用者做出選擇,整個文件的讀取、Script 的運作都會暫停。如果使用者按下“確定”,則傳回 true 值,如果按下“取消”,則傳回 false 值。
prompt() 用法:prompt(fbc74a2e82d01649852465803496b345[, 12c5b635b49ae372448f0c0486ebef04]);彈出一個包含「確認」「取消」和一個文字方塊的對話框,顯示<字串> ;的內容,要求使用者在文字方塊輸入一些數據,整個文件的讀取、Script 的運作都會暫停。如果使用者按下“確認”,則返回文字方塊中已有的內容,如果使用者按下“取消”,則傳回 null 值。如果指定12c5b635b49ae372448f0c0486ebef04,則文字方塊裡會有預設值。 
四.Window視窗物件有以下事件:
window.onload;發生在文件全部下載完畢的時候。全部下載完畢意味著不但 HTML 文件,而且包含的圖片,插件,控件,小程式等全部內容都下載完畢。本事件是 window 的事件,但在 HTML 中指定事件處理程式的時候,我們是把它寫在6c04bd5ca3fcae76e30b72ad730ca86d標籤中的。
window.onunload;發生在使用者退出文件(或關閉窗口,或到另一個頁面去)的時候。與 onload 一樣,要寫在 HTML 就寫到6c04bd5ca3fcae76e30b72ad730ca86d標籤裡。

window.onresize;發生在視窗被調整大小的時候。 
window.onblur;發生在視窗失去焦點的時候。 
window.onfocus;發生在視窗得到焦點的時候。 
window.onerror;發生在錯誤發生的時候。它的事件處理程序通常叫做「錯誤處理程式」(Error Handler),用來處理錯誤。上邊已經介紹過,要忽略一切錯誤,就使用: 

function ignoreError() {
  return true;
}
window.onerror = ignoreError;

上面是我整理給大家的JS中Windows物件課程,希望今後會對大家有幫助。

相關文章:

在js中詳細介紹幾種類型的事件處理程序的方式

##重點解答動態載入JS腳本,一語道破

javascript中遍歷EL表達式List集合中的值

以上是詳細講解JS中Windows物件課程的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn