2011-08-26 16:10:00

JavaScript-showModalDialog()

showModalDialog()

顯示典型的對話窗。其語法是:

回傳值= window.showModalDialog(uri [, 參數組][, 選項組]);

此方法回傳對話窗的網頁設定的值。uri 是網頁位址,會被顯示在對話窗中。可選擇性設定一組參數,將之傳給對話窗;參數可是數值,字串,物件,陣列;在對話窗中可用 window.dialogArguments 特徵,取得參數。在對話窗中可用 window.returnValue 傳回訊息。選項組用來修飾對話窗的外貌。每一個選項是 name:value 格式,兩個選項用”;”分開。

  1. dialogHeight, dialogWidth:設定對話窗的高與寬,單位預設為 px(像素)。單位也可設為 cm, mm, in, pt, pc 或 em, ex。
  2. dialogLeft, dialogTop:設定對話窗的左上角,相對於螢幕左上角的距離,單位預設為 px
  3. center:{ yes | no } 指定對話窗是否要放置中央。預設為 yes。
  4. dialogHide:{ yes | no } 指定對話窗再列印時,是否要隱藏。預設為 no。
  5. edge:{ sunken | raised } 指定對話窗的邊線風格。預設為 raised。
  6. resizable:{ yes | no } 指定對話窗是否可以改變大小。預設為 no。
  7. scroll:{ yes | no } 指定對話窗是否有捲軸列。預設為 yes。
  8. status:{ yes | no } 指定對話窗是否有狀態列。對信任的對話窗,預設為 no,否則為 yes。
  9. unadorned:{ yes | no } 指定對話窗是否有邊。預設為 no。
  10. 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