showModalDialog详解
生活随笔
收集整理的這篇文章主要介紹了
showModalDialog详解
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
使用方法:
?????????vReturnValue?=?window.showModalDialog(sURL?[,?vArguments]?[,sFeatures])
?????????vReturnValue?=?window.showModelessDialog(sURL?[,?vArguments]?[,sFeatures])
參數說明:
????????sURL????????????????--???必選參數,類型:字符串。用來指定對話框要顯示的文檔的URL。
????????vArguments???--????可選參數,類型:變體。用來向對話框傳遞參數。傳遞的參數類型不限,包括數組等。對話框通過window.dialogArguments來取得傳遞進來的參數。
????????sFeatures???????--????可選參數,類型:字符串。用來描述對話框的外觀等信息,可以使用以下的一個或幾個,用分號“;”隔開。
----------------
1.???dialogHeight:???對話框高度,不小于100px
2.???dialogWidth:???對話框寬度。
3.???dialogLeft:????離屏幕左的距離。
4.???dialogTop:????離屏幕上的距離。
5.???center:?????????{?yes?|?no?|?1?|?0?}?:?????????????是否居中,默認yes,但仍可以指定高度和寬度。
6.???help:????????????{yes?|?no?|?1?|?0?}:???????????????是否顯示幫助按鈕,默認yes。
7.???resizable:??????{yes?|?no?|?1?|?0?}?[IE5+]:????是否可被改變大小。默認no。
8.???status:?????????{yes?|?no?|?1?|?0?}?[IE5+]:?????是否顯示狀態欄。默認為yes[?Modeless]或no[Modal]。
9.???scroll:???????????{?yes?|?no?|?1?|?0?|?on?|?off?}:是否顯示滾動條。默認為yes。
下面幾個屬性是用在HTA中的,在一般的網頁中一般不使用。
10.???dialogHide:{?yes?|?no?|?1?|?0?|?on?|?off?}:在打印或者打印預覽時對話框是否隱藏。默認為no。
11.???edge:{?sunken?|?raised?}:指明對話框的邊框樣式。默認為raised。
12.???unadorned:{?yes?|?no?|?1?|?0?|?on?|?off?}:默認為no。
參數傳遞:
1.???要想對話框傳遞參數,是通過vArguments來進行傳遞的。類型不限制,對于字符串類型,最大為4096個字符。也可以傳遞對象,例如:
-------------------------------
parent.htm
<script>
?????????var?obj?=?new?Object();
?????????obj.name="51js";
?????????window.showModalDialog("modal.htm",obj,"dialogWidth=200px;dialogHeight=100px");
</script>
modal.htm
<script>
?????????var?obj?=?window.dialogArguments
?????????alert("您傳遞的參數為:"?+?obj.name)
</script>
用vArguments來實現刷新模態窗口父窗體的方法:
parent.htm
<script>
?????????window.showModalDialog("Child.htm",window,"dialogWidth=200px;dialogHeight=100px;scoll=0");
</script>
child.htm
<script>
?????????function FreshParent()
?????????{
?????????????if(window.dialogArguments!=null)
???????????? {
??????????????? window.dialogArguments.opener=null;
??????????????? window.dialogArguments.location.href=window.dialogArguments.location.href;
???????????? }
????????????? window.opener=null;
????????????? window.close();
?????????}
</script>
-------------------------------
2.???可以通過window.returnValue向打開對話框的窗口返回信息,當然也可以是對象。例如:
------------------------------
parent.htm
<script>
?????????str?=window.showModalDialog("modal.htm",,"dialogWidth=200px;dialogHeight=100px");
?????????alert(str);
</script>
modal.htm
<script>
?????????window.returnValue="http://www.51js.com";
</script>
?????????vReturnValue?=?window.showModalDialog(sURL?[,?vArguments]?[,sFeatures])
?????????vReturnValue?=?window.showModelessDialog(sURL?[,?vArguments]?[,sFeatures])
參數說明:
????????sURL????????????????--???必選參數,類型:字符串。用來指定對話框要顯示的文檔的URL。
????????vArguments???--????可選參數,類型:變體。用來向對話框傳遞參數。傳遞的參數類型不限,包括數組等。對話框通過window.dialogArguments來取得傳遞進來的參數。
????????sFeatures???????--????可選參數,類型:字符串。用來描述對話框的外觀等信息,可以使用以下的一個或幾個,用分號“;”隔開。
----------------
1.???dialogHeight:???對話框高度,不小于100px
2.???dialogWidth:???對話框寬度。
3.???dialogLeft:????離屏幕左的距離。
4.???dialogTop:????離屏幕上的距離。
5.???center:?????????{?yes?|?no?|?1?|?0?}?:?????????????是否居中,默認yes,但仍可以指定高度和寬度。
6.???help:????????????{yes?|?no?|?1?|?0?}:???????????????是否顯示幫助按鈕,默認yes。
7.???resizable:??????{yes?|?no?|?1?|?0?}?[IE5+]:????是否可被改變大小。默認no。
8.???status:?????????{yes?|?no?|?1?|?0?}?[IE5+]:?????是否顯示狀態欄。默認為yes[?Modeless]或no[Modal]。
9.???scroll:???????????{?yes?|?no?|?1?|?0?|?on?|?off?}:是否顯示滾動條。默認為yes。
下面幾個屬性是用在HTA中的,在一般的網頁中一般不使用。
10.???dialogHide:{?yes?|?no?|?1?|?0?|?on?|?off?}:在打印或者打印預覽時對話框是否隱藏。默認為no。
11.???edge:{?sunken?|?raised?}:指明對話框的邊框樣式。默認為raised。
12.???unadorned:{?yes?|?no?|?1?|?0?|?on?|?off?}:默認為no。
參數傳遞:
1.???要想對話框傳遞參數,是通過vArguments來進行傳遞的。類型不限制,對于字符串類型,最大為4096個字符。也可以傳遞對象,例如:
-------------------------------
parent.htm
<script>
?????????var?obj?=?new?Object();
?????????obj.name="51js";
?????????window.showModalDialog("modal.htm",obj,"dialogWidth=200px;dialogHeight=100px");
</script>
modal.htm
<script>
?????????var?obj?=?window.dialogArguments
?????????alert("您傳遞的參數為:"?+?obj.name)
</script>
用vArguments來實現刷新模態窗口父窗體的方法:
parent.htm
<script>
?????????window.showModalDialog("Child.htm",window,"dialogWidth=200px;dialogHeight=100px;scoll=0");
</script>
child.htm
<script>
?????????function FreshParent()
?????????{
?????????????if(window.dialogArguments!=null)
???????????? {
??????????????? window.dialogArguments.opener=null;
??????????????? window.dialogArguments.location.href=window.dialogArguments.location.href;
???????????? }
????????????? window.opener=null;
????????????? window.close();
?????????}
</script>
-------------------------------
2.???可以通過window.returnValue向打開對話框的窗口返回信息,當然也可以是對象。例如:
------------------------------
parent.htm
<script>
?????????str?=window.showModalDialog("modal.htm",,"dialogWidth=200px;dialogHeight=100px");
?????????alert(str);
</script>
modal.htm
<script>
?????????window.returnValue="http://www.51js.com";
</script>
轉載于:https://www.cnblogs.com/tuyile006/archive/2007/12/21/1009106.html
總結
以上是生活随笔為你收集整理的showModalDialog详解的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: I'm Back!
- 下一篇: SQL 2005新增的几个函数之学习