window.showModalDialog()用法

window.showModalDialog()用来创建模态对话框

语法为:vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures]);

参数:

(1)sURL :指定对话框要显示的文档的URL,字符串,必填

(2)vArguments:要向对话框传递的参数,变体(数组、变量等),选填

(3)sFeatures:生成对话框的外观信息,字符串,选填

   -- 外观信息参数有:

dialogHeight 对话框高度 不小于100px
dialogWidth 对话框宽度  
dialogLeft 离屏幕左的距离  
dialogTop 离屏幕上的距离  
center 是否居中 默认yes(yes:1,no:0)
help 是否显示帮助按钮 默认yes
resizable 是否可被改变大小 默认no
status 是否显示状态栏 Modal默认no,Modeless默认yes
scroll 是否显示滚动条 默认为yes

 

 1 <script type="text/javascript">
 2 //主页面
 3 function openModalDialog() {
 4         var message = new Array();
 5         message[0] = document.getElementById("linename").value;
 6         message[1] = ocument.getElementById("fromstation").value;
 7         message[2] = document.getElementById("tostation").value;
 8         
 9         var obj = window.showModalDialog("Home/generate", message, 'dialogWidth:300px;dialogHeight:380px;');
10 
11     }
12     </script>
13     

 

在打开的对话框中使用window.dialogArguments来取得传递进来的参数

1 <script type="text/javascript">
2 //对话框
3     function getArguments() {
4        var lineName = window.dialogArguments[0];
5        var fromStationName = window.dialogArguments[1];
6        var toStationName = window.dialogArguments[2];
7     }
8 </script>

 

通过window.returnValue向打开对话框的窗口返回信息

1 <script>
2     window.returnValue="aaaaa";
3 </script>

 

另外,showModalessDialog用法基本一致

模态与非模态区别:

showModalDialog:被打开后就会始终保持输入焦点。除非对话框被关闭,否则用户无法切换到主窗口。类似alert的运行效果。
showModelessDialog:被打开后,用户可以随机切换输入焦点,对主窗口没有任何影响。

 

posted @ 2015-04-23 11:00  panpan_v1  阅读(391)  评论(0编辑  收藏  举报