1: window.open
<!--
window.open('page.html', 'newwindow', 'height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')
//寫成一行
-->
參數解釋:
window.open 彈出新視窗的命令;
'page.html' 快顯視窗的檔案名稱;
'newwindow' 快顯視窗的名字(不是檔案名稱),非必須,可用空''代替;
height=100 視窗高度;
width=400 視窗寬度;
top=0 視窗距離螢幕上方的象素值;
left=0 視窗距離螢幕左側的象素值;
toolbar=no 是否顯示工具列,yes為顯示;
menubar,scrollbars 表示功能表列和滾動欄。
resizable=no 是否允許改變視窗大小,yes為允許;
location=no 是否顯示地址欄,yes為允許;
status=no 是否顯示狀態列內的資訊(通常是檔案已經開啟),yes為允許;
2: showModalDialog()、showModelessDialog()
(1) window.showModalDialog() 模態對話方塊
模態對話方塊始終有焦點(焦點不可移走,直到它關閉)。
(2) window.showModelessDialog() 非模態對話方塊
由於是對話方塊,因此它並沒有一般用window.open()開啟的視窗的所有屬性。
不必用window.close()去關閉它,
當以非模態方式[IE5]開啟時, 開啟對話方塊的視窗仍可以進行其他的操作,
即對話方塊不總是最上面的焦點,當開啟它的視窗URL改變時,它自動關閉。
(3) 使用方法如下:
vReturnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures])
vReturnValue = window.showModelessDialog(sURL [, vArguments] [, sFeatures])
參數說明:
sURL
必選參數,類型:字串。用來指定對話方塊要顯示的文檔的URL。
vArguments
選擇性參數,類型:變體。用來向對話方塊傳遞參數。傳遞的參數類型不限,包括數組等。
對話方塊通過 window.dialogArguments 來擷取傳遞進來的參數, 通過 window.returnValue 來進行回傳參數。
sFeatures
選擇性參數,類型:字串。用來描述對話方塊的外觀等資訊,可以使用以下的一個或幾個,用分號“;”隔開。
dialogHeight 對話方塊高度,不小於100px,IE4中dialogHeight 和 dialogWidth 預設的單位是em,而IE5中是px,為方便其見,在定義modal方式的對話方塊時,用px做單位。
dialogWidth: 對話方塊寬度。
dialogLeft: 距離案頭左的距離。
dialogTop: 離案頭上的距離。
center: {yes | no | 1 | 0 }:視窗是否置中,預設yes,但仍可以指定高度和寬度。
help: {yes | no | 1 | 0 }:是否顯示協助按鈕,預設yes。
resizable: {yes | no | 1 | 0 } [IE5+]:是否可被改變大小。預設no。
status: {yes | no | 1 | 0 } [IE5+]:是否顯示狀態列。預設為yes[ Modeless]或no[Modal]。
scroll:{ yes | no | 1 | 0 | on | off }:指明對話方塊是否顯示捲軸。預設為yes。
還有幾個屬性是用在HTA中的,在一般的網頁中一般不使用。
dialogHide:{ yes | no | 1 | 0 | on | off }:在列印或者預覽列印時對話方塊是否隱藏。預設為no。
edge:{ sunken | raised }:指明對話方塊的邊框樣式。預設為raised。
unadorned:{ yes | no | 1 | 0 | on | off }:預設為no。
3. 父視窗重新整理問題
(1) 用window.open()開啟的視窗
window.opener.location.reload();
(2) 用showModalDialog()開啟的視窗
window.parent.dialogArguments.document.execCommand('Refresh');