js的開啟子視窗 shwoModalDialog

wonder4發表於2006-12-31


http://www.mwjx.com/bbs/html/20000/18833.html
基本介紹:
showModalDialog() (IE 4+ 支援)
showModelessDialog() (IE 5+ 支援)
window.showModalDialog()方法用來建立一個顯示HTML內容的模態對話方塊。
window.showModelessDialog()方法用來建立一個顯示HTML內容的非模態對話方塊。

使用方法:
vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])
vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])

引數說明:
sURL--
必選引數,型別:字串。用來指定對話方塊要顯示的文件的URL。
vArguments--
可選引數,型別:變體。用來向對話方塊傳遞引數。傳遞的引數型別不限,包括陣列等。對話方塊通過window.dialogArguments來取得傳遞進來的引數。
sFeatures--
可選引數,型別:字串。用來描述對話方塊的外觀等資訊,可以使用以下的一個或幾個,用分號“;”隔開。
1.dialogHeight :對話方塊高度,不小於100px,IE4中dialogHeight 和 dialogWidth 預設的單位是em,而IE5中是px,為方便其見,在定義modal方式的對話方塊時,用px做單位。
2.dialogWidth: 對話方塊寬度。
3.dialogLeft: 離螢幕左的距離。
4.dialogTop: 離螢幕上的距離。
5.center: {yes | no | 1 | 0 }:視窗是否居中,預設yes,但仍可以指定高度和寬度。
6.help: {yes | no | 1 | 0 }:是否顯示幫助按鈕,預設yes。
7.resizable: {yes | no | 1 | 0 } [IE5+]:是否可被改變大小。預設no。
8.status: {yes | no | 1 | 0 } [IE5+]:是否顯示狀態列。預設為yes[ Modeless]或no[Modal]。
9.scroll:{ yes | no | 1 | 0 | on | off }:指明對話方塊是否顯示滾動條。預設為yes。
下面幾個屬性是用在HTA中的,在一般的網頁中一般不使用。
10.dialogHide:{ yes | no | 1 | 0 | on | off }:在列印或者列印預覽時對話方塊是否隱藏。預設為no。
11.edge:{ sunken | raised }:指明對話方塊的邊框樣式。預設為raised。
12.unadorned:{ yes | no | 1 | 0 | on | off }:預設為no。

引數傳遞方法:
父視窗向子視窗傳遞引數採用ShowModalDialog的第2個引數即可,父視窗要獲取子視窗傳回的引數則可通過ShowModalDialog函式的返回值獲取。
子視窗獲取父視窗引數的方法為採用子視窗window物件dialogArguments屬性獲取,例如:
var a=window.dialogArguments;
子視窗向父視窗返回引數採用window.returnValue屬性,如:
window.returnValue=1;
window.close();

 

相關文章