showModalDialog引數詳解

2021-08-30 16:28:09 字數 2166 閱讀 5688

文章分類:web前端

基本介紹:

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

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