DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript中windows.open()、windows.close()方法詳解
JavaScript中windows.open()、windows.close()方法詳解
編輯:關於JavaScript     

windows.open()方法詳解:

window.open(URL,name,features,replace)用於載入指定的URL到新的或已存在的窗口中,並返回代表新窗口的Window對象。它有4個可選的 參數:

URL:一個可選的字符串,聲明了要在新窗口中顯示的文檔的 URL。如果省略了這個參數,或者它的值是空字符串,那麼新窗口就不會顯示任何文檔。

name:一個可選的字符串,該字符串是一個由逗號分隔的特征列表,其中包括數字、字母和下劃線,該字符聲明了新窗口的名稱。這個名稱可以用作標記 <a> 和 <form> 的屬性 target 的值。如果該參數指定了一個已經存在的窗口,那麼open()方法就直接使用這個窗口。在這種情況下,指定窗口特征的features參數將被忽略。保留的名字:“_ blank”、“_ parent” 、“_ top”指新窗口顯示位置。

features:(非標准的,建議忽略該參數)一個可選的字符串,聲明了新窗口要顯示的標准浏覽器的特征。如果省略該參數,新窗口將具有所有標准特征。在以下窗口特征這個表格中,我們對該字符串的格式進行了詳細的說明。

replace:一個可選的布爾值。規定了裝載到窗口的 URL 是在窗口的浏覽歷史中創建一個新條目,還是替換浏覽歷史中的當前條目。支持的值:true - URL替換浏覽歷史中的當前條目;false - URL在浏覽歷史中創建新的條目。

新的頂層浏覽器窗口由方法 Window.open() 創建。當調用該方法時,應把 open() 調用的返回值存儲在一個變量中,然後使用那個變量來引用新窗口。新窗口的 opener 屬性反過來引用了打開它的那個窗口。

請不要混淆方法 Window.open() 與方法 Document.open(),這兩者的功能完全不同。為了使您的代碼清楚明白,請使用 Window.open(),而不要使用 open()。

大部分浏覽器都增加了彈出窗口過濾系統。通常open方法只有當用戶手動單擊按鈕或者鏈接 的時候才會調用。JavaScript代碼嘗試在浏覽器初始載入(或卸載)時開啟一個彈出窗口時,通常 會失敗。

窗口特征(Window Features)

channelmode=yes|no|1|0 是否使用劇院模式顯示窗口。默認為 no。

directories=yes|no|1|0 是否添加目錄按鈕。默認為 yes。

fullscreen=yes|no|1|0 是否使用全屏模式顯示浏覽器。默認是 no。處於全屏模式的窗口必須同時處於劇院模式。

height=pixels 窗口文檔顯示區的高度。以像素計。

left=pixels 窗口的 x 坐標。以像素計。

location=yes|no|1|0 是否顯示地址字段。默認是 yes。

menubar=yes|no|1|0 是否顯示菜單欄。默認是 yes。

resizable=yes|no|1|0 窗口是否可調節尺寸。默認是 yes。

scrollbars=yes|no|1|0 是否顯示滾動條。默認是 yes。

status=yes|no|1|0 是否添加狀態欄。默認是 yes。

titlebar=yes|no|1|0 是否顯示標題欄。默認是 yes。

toolbar=yes|no|1|0 是否顯示浏覽器的工具欄。默認是 yes。

top=pixels 窗口的 y 坐標。

width=pixels 窗口的文檔顯示區的寬度。以像素計。

window.close()方法:

如果已經創建了一個Window對象w,可以這樣關閉窗口w.close();而在本窗口中則用window.close();

注意:必須顯式地調用window.close()方法,避免同document.close()方法混淆;

大多數浏覽器只允許腳本自動關閉由腳本創建的窗口,如果要關閉其他窗口,可以用一個對話框取得用戶的確認或取消;window.close()不能關閉一個內嵌在窗口內的窗體;

即使一個窗口關閉了,代表它的Window對象仍然存在。已關閉的窗口會有個值為true的closed 屬性,它的document會是null,它的方法通常也不會再工作。

以上所述是小編給大家介紹的JavaScript中windows.open()、windows.close()方法詳解 ,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對網站的支持!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved