js中的showModalDialog的实战应用

最新推荐文章于 2019-06-04 21:55:20 发布

weixin_30894583

最新推荐文章于 2019-06-04 21:55:20 发布

阅读量65

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/liaoshiyong/archive/2013/06/13/3150881.html

版权

IE提供的showModalDialog()方法是一个很好用的Web应用功能，虽然一般的网站应用不是很常见，但一旦涉及到企业应用级的Web开发则就很有用了。现在我用一个简单易懂的例子来说明一下：

这一应用需要两个web文件：

1、父窗口（也即用来控制弹出窗口的那个页面）
showModalDialog.html
---------------------------------------------------------------------------------------

<html>
<head>
<title>showModalDialog</title>
<script language="JavaScript">
<!--
//aInfo作为数组对象，将被showModalDialog传递出去
//也可用var oMyobject=new Object();
//oMyobject.firstProperty = value; oMyobject.lastProperty = value;的方式定义一个对象（firstProperty,lastProperty是自己按需定义的对象属性，可是任意取名并赋值）
var aInfo = new Array(3);
aInfo[0] = "aaaaaaaaaaa";
aInfo[1] = "bbbbbbbbbbb";
aInfo[2] = "ccccccccccc";
var url = "dialog.html";
var sFeatures ="dialogWidth=500px;dialogHeight=500px;dialogLeft=0;dialogTop=0;";
/*sFeatures的各项可选参数:
*dialogWidth:弹出窗口的宽度；
*dialogHeight:弹出窗口的高度；
*dialogLeft:弹出窗口的左边距
*dialogTop:
*edge:sunken | raised
*center: yes|no|1|0|on|off
*dialogHide: yes|no|1|0|on|off
*help: yes|no|1|0|on|off
*resizable: yes|no|1|0|on|off
*scroll: yes|no|1|0|on|off
*status: yes|no|1|0|on|off
*unadorned: yes|no|1|0|on|off
*/

functionshowDialog(){
//弹出一个showModalDialog,并以returnValue来获取返回值
var returnValue = window.showModalDialog(url,aInfo,sFeatures);
if(returnValue!=null){
   //for(var i=0;i<returnValue.length;i++){
    //document.all.info.innerHTML =returnValue[i]+"<br>";
   //}
   //输出返回值
   document.all.info.innerHTML=returnValue;
}
//