showModalDialog引數詳解

2021-08-30 10:09:12 字數 2323 閱讀 1168

基本介紹:   

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,但仍可以指定高度和寬度。   

6.help:    :是否顯示幫助按鈕,預設yes。   

7.resizable:        [ie5+]:是否可被改變大小。預設no。   

8.status:        [ie5+]:是否顯示狀態列。預設為yes[    modeless]或no[modal]。   

9.scroll::指明對話方塊是否顯示滾動條。預設為yes。   

下面幾個屬性是用在hta中的,在一般的網頁中一般不使用。   

10.dialoghide::在列印或者列印預覽時對話方塊是否隱藏。預設為no。   

11.edge::指明對話方塊的邊框樣式。預設為raised。   

12.unadorned::預設為no。   

引數傳遞:   

1.要想對話方塊傳遞引數,是通過varguments來進行傳遞的。型別不限制,對於字串型別,最大為4096個字元。也可以傳遞物件,例如:   

-------------------------------   

parent.htm   

modal.htm   

-------------------------------   

2.可以通過window.returnvalue向開啟對話方塊的視窗返回資訊,當然也可以是物件。例如:   

------------------------------   

parent.htm   

modal.htm   

用window.showmodaldialog 或者window.showmodelessdialog開啟乙個模式視窗後,和父視窗的一些互動問題。

要進行互動操作的前提,在呼叫showmodaldialog或者showmodelessdialog方法的時候,第二個引數傳window,如:

window.showmodelessdialog('filename.htm',window,'dialogwidth=200px;dialogheight=250px;')

接下來,就是取得父視窗的一些資料和方法,這是經常會用的,父視窗取子視窗的引數一般通過returnvalue就可以搞定了

//取得父視窗的js變數 var

window.dialogarguments.var;

//獲得父視窗的物件和屬性

window.dialogarguments.form1.name.value ;

//呼叫父視窗的方法 fun

window.dialogarguments.fun() ;

但是有個問題,在子視窗中的事件響應無法呼叫父視窗的方法,

調父視窗方法

不知為何,執行上面的方法的時候,視窗會停止響應

showModalDialog引數詳解

showmodaldialog ie 4 支援 showmodelessdialog ie 5 支援 window.showmodaldialog 方法用來建立乙個顯示html內容的模態對話方塊。window.showmodelessdialog 方法用來建立乙個顯示html內容的非模態對話方塊。使...

showModalDialog相關問題

最近大量地用到了模式視窗,也遇到了不少問題,特總結於此,方便自己日後查閱,若能幫到他人,那就更好了。一 基本使用 語法 vreturnvalue window.showmodaldialog surl varguments sfeatures 引數說明 surl 指定對話方塊要顯示的url。varg...

showModalDialog引數詳解

文章分類 web前端 基本介紹 showmodaldialog ie 4 支援 showmodelessdialog ie 5 支援 window.showmodaldialog 方法用來建立乙個顯示html內容的模態對話方塊。window.showmodelessdialog 方法用來建立乙個顯示...