showModalDialog引數詳解 使用方法

2021-08-25 10:06:44 字數 2501 閱讀 7513

基本介紹:      

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() ;    

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

'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引數詳解

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