showModalDialog和window.open的详细使用

一、showModalDialog/showModelessDialog

---

 

弹出一个显示HTML页面的 模态/非模态 对话框。

使用方法：　

vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])
vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])

参数说明：
　　sURL：必选参数，类型：字符串。
　　　　用来指定模式对话框的连接地址。

　　vArguments：可选参数，类型：变体（类型不限，对于字符串类型，最大为4096个字符，包括数组、对象）。
　　　　向对话框传递的参数。对话框通过window.dialogArguments来取得传递进来的参数。

　　例如：
　　parent.htm（父页面）

var obj = new Object();

obj.name="51js";           

window.showModalDialog("modal.htm",obj,"dialogWidth=200px;dialogHeight=100px");

　　modal.htm（对话框子页面）

var obj = window.dialogArguments           

alert("您传递的参数为：" + obj.name)

 

　　vReturnValue：可不写，类型：变体。
　　　　接收对话框返回的数据，通过window.returnValue向打开对话框的父页面返回信息。

　　例如：

　　parent.htm（父页面）

var returnVal = window.showModalDialog("modal.htm",,"dialogWidth=200px;dialogHeight=100px");

　　modal.htm（对话框子页面）

window.returnValue="xxx"; 

 

　　sFeatures：可选参数，类型：字符串。
　　　　用来描述对话框的外观等信息，可以使用以下的一个或几个，参数格式： 属性：值，各属性之间用分号“;”隔开。
　　　　其中yes/no也可使用1/0；pixel value为具体的像素数值。

dialogHeight:pixel value	对话框高度，不小于100px
dialogWidth:pixel value	对话框宽度。
dialogLeft:pixel value	离屏幕左的距离。
dialogTop:pixel value	离屏幕上的距离。
center:yes/no	是否居中，默认yes，但仍可以指定高度和宽度。
help:yes/no	是否显示帮助按钮，默认yes。
resizable:yes/no	是否可被改变大小。默认no。
status:yes/no	是否显示状态栏。默认为yes[ Modeless]或no[Modal]。
scroll:yes/no | on/off	是否显示滚动条。默认为yes。
minimize:yes/no	指定对话框是否显示最小化按钮,默认no不显示
maximize:yes/no	指定对话框是否显示最大化按钮,默认no不显示

　　　　　　下面几个属性是用在HTA中的，在一般的网页中一般不使用。

dialogHide:yes/no | on/off	在打印或者打印预览时对话框是否隐藏。默认为no。
edge:sunken/raised	指明对话框的边框样式。默认为raised。
unadorned:yes/no | on/off	指定对话框窗口是否显示边框的窗口浏览器，此功能只有当一个对话框是从信任的应用程序打开。默认是no。

 

 

二、open

---

 

创建一个新的窗口实例（弹出一个新窗口），页面效果相当于showModelessDialog。

使用方法：

window.open([url][,name][,features][,replace])

参数说明：
　　url：可选参数，类型：字符串。
　　　　用来指定子窗口的连接地址。如果省略该参数，或者参数为空字符串，新窗口不会显示文档。

　　name：可选参数，类型：字符串。
　　　　弹出窗口的名称（不是文件名），如果不写，可用空''代替。
　　　　相同name的窗口只能创建一个，要想创建多个窗口则name不能相同。
　　　　name 不能包含有空格。

　　features：可选参数，类型：字符串。
　　　　用来描述窗口的外观等信息，可以使用以下的一个或几个，参数格式： 属性=值，各属性之间用逗号“,”隔开。
　　　　其中yes/no也可使用1/0；pixel value为具体的像素数值。

height=pixel value	窗口高度。
width=pixel value	窗口宽度。
location=yes/no	地址栏是否可见。
menubar= yes/no	菜单栏是否可见。
toolbar=yes/no	工具栏是否可见。
scrollbars=yes/no	是否有滚动条。
titlebar=yes/no	题目栏是否可见。
resizable=yes/no	窗口大小是否可调整。
screenX=pixel value	以象素为单位定义窗口的X坐标。
screenY=pixel value	以象素为单位定义窗口的Y坐标。
innerHeight=pixel value	窗口中文档的像素高度。
innerWidth=pixel value	窗口中文档的像素宽度。
outerHeight=pixel value	窗口(包括装饰边框)的像素高度
outerWidth=pixel value	窗口(包括装饰边框)的像素宽度
alwaysLowered=yes/no	窗口是否隐藏在其他窗口之后
alwaysRaised=yes/no	窗口是否悬浮在其他窗口之上
z-look=yes/no	窗口被激活后是否悬浮在其它窗口之上
depended=yes/no	是否和父窗口同时关闭
directories=yes/no	Nav2和3的目录栏是否可见
hotkeys=yes/no	在没菜单栏的窗口中设安全退出热键

 

　　replace：可选参数，类型：布尔
　　　　设置新窗口中的操作历史的保存方式。true：创建新历史记录； false：替换旧的历史记录

　　例如：

window.open ('page.html', '_blank',
 'height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no', true);