JavaScript-showModalDialog()
顯示典型的對話窗。其語法是:
回傳值= window.showModalDialog(uri [, 參數組][, 選項組]);
此方法回傳對話窗的網頁設定的值。uri 是網頁位址,會被顯示在對話窗中。可選擇性設定一組參數,將之傳給對話窗;參數可是數值,字串,物件,陣列;在對話窗中可用 window.dialogArguments 特徵,取得參數。在對話窗中可用 window.returnValue 傳回訊息。選項組用來修飾對話窗的外貌。每一個選項是 name:value 格式,兩個選項用”;”分開。
- dialogHeight, dialogWidth:設定對話窗的高與寬,單位預設為 px(像素)。單位也可設為 cm, mm, in, pt, pc 或 em, ex。
- dialogLeft, dialogTop:設定對話窗的左上角,相對於螢幕左上角的距離,單位預設為 px。
- center:{ yes | no } 指定對話窗是否要放置中央。預設為 yes。
- dialogHide:{ yes | no } 指定對話窗再列印時,是否要隱藏。預設為 no。
- edge:{ sunken | raised } 指定對話窗的邊線風格。預設為 raised。
- resizable:{ yes | no } 指定對話窗是否可以改變大小。預設為 no。
- scroll:{ yes | no } 指定對話窗是否有捲軸列。預設為 yes。
- status:{ yes | no } 指定對話窗是否有狀態列。對信任的對話窗,預設為 no,否則為 yes。
- unadorned:{ yes | no } 指定對話窗是否有邊。預設為 no。
- zoominherit:{ yes | no } 指定對話窗繼承放大。預設為 no。
上面的 yes, no 也可以用 1, 0 或 on, off 代替。上述選項,不同瀏覽器會有不同。
- 程式用法:
<script type='text/javascript'>
function dispDialog()
{
var rv=showModalDialog('http://ant4js.blogspot.com/2009/01/dialogarguments.html',
'showModalDialog 測試成功',
'dialogwidth:850px; dialogheight:550px; center:yes');
alert( rv );
}
</script>
<a href='dispDialog()'>典型對話窗</a>
<script type='text/javascript'>
document.write( '訊息:'+ window.dialogArguments );
window.returnValue='弄了好久,終於成功了';
</script>
(參考來源)
http://www.9w2u.com/htmlbook.asp?book=2
http://welkingunther.pixnet.net/blog/post/32084577
http://ant4js.blogspot.com/2009/01/windowmthv6.html