js中子窗口与父窗口的互操作

1.打开一个子窗口

window.open(url,name,params)：该方法将返回一个window对象

其中url为子窗口的路径，name为子窗口名称，该名称可以是_blank,_top,_parent等内建名称。

params为子窗口参数，窗口参数可以为：


top=# 窗口顶部离开屏幕顶部的像素数

left=# 窗口左端离开屏幕左端的像素数

width=# 窗口的宽度

height=# 窗口的高度

menubar=... 窗口有没有菜单，取值yes或no

toolbar=... 窗口有没有工具条，取值yes或no

location=... 窗口有没有地址栏，取值yes或no

directories=... 窗口有没有连接区，取值yes或no

scrollbars=... 窗口有没有滚动条，取值yes或no

status=... 窗口有没有状态栏，取值yes或no

resizable=... 窗口给不给调整大小，取值yes或no

2.打开一个模态窗口，即是对话框。

window.showModalDialog(sURL,vArguments,sFeatures) ：创建模态对话框，传递一个父窗口对象作为参数。

window.showModelessDialog(sURL,vArguments,sFeatures) ：创建非模态对话框，传递一个父窗口对象作为参数。

其中sURL为窗口路径，vArguments为传递的参数，sFeatures为对话框配置参数。

sFeatures的参数有：

dialogHeight：对话框高度

dialogWidth: 对话框宽度。

dialogLeft: 距离桌面左的距离。

dialogTop: 离桌面上的距离。

center: 窗口是否居中，默认yes，取值范围{yes | no | 1 | 0 }。 　

help: 是否显示帮助按钮，默认yes，取值范围 {yes | no | 1 | 0 }。

　 resizable: 是否可被改变大小，默认no，取值范围 {yes | no | 1 | 0 }。

　 status: 是否显示状态栏，默认为yes[ Modeless]或no[Modal]，取值范围{yes | no | 1 | 0 }。

scroll:指明对话框是否显示滚动条，默认为yes，取值范围{ yes | no | 1 | 0 | on | off }。

dialogHide:在打印或者打印预览时对话框是否隐藏，默认为no，取值范围{ yes | no | 1 | 0 | on | off }。

edge:指明对话框的边框样式，默认为raised，取值范围{ sunken | raised }。

unadorned:默认为no，取值范围{ yes | no | 1 | 0 | on | off }。

模态对话框和非模态对话框的区别在于：

非模态对话框不需要window.close()关闭，当url改变时自动关闭，焦点可以不是窗口，而模态对话框的焦点不能转移。

注意：模态方法创建的窗口都不能让子窗口对父窗口直接进行操作，必须在创建的时候将父窗口传入子窗口，子窗口才能操作父窗口。

3.子窗口与父窗口的通信

a.通过window.open()方式打开的子窗口

window.opener.location.reload(); //子窗口刷新父窗口

window.opener.location.href //获取父窗口href

window.opener.locaiton.pathname //获取父窗口路径名

window.location.href=window.location.href ; //重新定位当前页面

window.location.reload(); //刷新当前页面

window.close();//关闭当前页面

b.通过模态打开的子窗口

创建时子窗口时传入父窗口对象。

var newWin=window.showModelDialog(url,window,''); //window为父窗口对象

newWin.open();

//在子窗口中获取父窗口父窗口对象


var parent=widnow.dialogArguments；

这样就可以通过parent对象操作父窗口了。