網頁的模態視窗showModalDialog

2021-08-31 19:55:27 字數 1213 閱讀 7325

在做web程式的時候,有很多情況,尤其軟體外包,使用模態視窗的比較多,因為外包大多數情況下,需要有確認畫面,所以涉及到傳值與歷史返回的回傳值問題,如果採用 window.open這時候的歷史返回就得不到該值,所以採用同乙個畫面開啟選擇畫面,選擇值並提交就成為必要了,應為不是開啟2個畫面,模態視窗開啟的是同一畫面,也就是只有乙個windows物件。

好了廢話不多說了,下面進入正題:

window.showmodaldialog() //方法用來建立乙個顯示html內容的模態對話方塊。

使用方法:

vreturnvalue = window.showmodaldialog(url [, arguments] [,features])

引數說明:

url -- 必選引數,型別:字串。用來指定對話方塊要顯示的文件的url。

arguments -- 可選引數,型別:變體。用來向對話方塊傳遞引數。傳遞的引數型別不限,包括陣列等。對話方塊通過window.dialogarguments來取得傳遞進來的引數。

features -- 可選引數,型別:字串。用來描述對話方塊的外觀等資訊,可以使用以下的乙個或幾個,用分號「;」隔開

-----features 的可選引數-----------

1. dialogheight: 對話方塊高度,不小於100px

2. dialogwidth: 對話方塊寬度。

3. dialogleft: 離螢幕左的距離。

4. dialogtop: 離螢幕上的距離。

5. center: : 是否居中,預設yes,但仍可以指定高度和寬度。

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

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

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

9. scroll: :是否顯示滾動條。預設為yes。

例子window.showmodaldialog('child.htm',window,'dialogwidth=200px;dialogheight=100px');

這是開啟名為child.htm的畫面,並將本身的windows控制許可權移交給child.htm畫面

這樣就可以通過開啟的child.htm畫面來改變父視窗的值

//關閉模組視窗,並將查詢到的值賦給父視窗

function setparentvalue()

C 模態視窗和非模態視窗

c 視窗對話方塊一般分為兩種型別 模態型別 modal 與非模態型別 modeless 所謂模態對話方塊,就是指除非採取有效的關閉手段,使用者的滑鼠焦點或者輸入游標將一直停留在其上的對話方塊。非模態對話方塊則不會強制此種特性,使用者可以在當前對話方塊以及其他視窗間進行切換下例中的form1使用模態方...

網頁中顯示模態視窗及引數傳遞

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

關於模態視窗

一.1.模態視窗 開啟後不可以操作父親視窗var returnvalue window.showmodaldialog url,arguments,features 2.非模態視窗 開啟後可以操作父親視窗var returnvalue window.showmodelessdialog url,ar...