JS 用window.open()函数，父级页面如何取到子级页面的返回值？

 

1、父页面: 在父级页面 test.aspx 的点击<input type="button" id="btnShow" onclick="showItem();"  value="显示子窗体"/>按钮触发 ，然后 ：

<script language="javascript" type="text/javascript"> function showItem() { var win = window.open("test2.aspx",null," height=300,width=450, Left=300px,Top=20px, menubar=no,titlebar=no,scrollbar=no,toolbar=no, status=no,location=no" ); } //父页面add方法 function add() { alert("这是添加方法" ); } //父页面带参add方法 function add(i) { alert(i); } </script>

  2、子页面：在子级页面test2.aspx的点击<input type="button" id="btnSelect" onclick="check();"  value="选择"/> 按钮触发，然后：

<script language="javascript" type="text/javascript"> function check() { if (window.opener != undefined){ //给父页面的控件赋值 window.opener.document.getElementById("txtId").value= id; window.opener.document.getElementById("txtName").value= name; //执行父页面的函数方法 window.opener.add(); window.opener.add('1');

        window.close();

} } </script>

  这样，父级页面的document.getElementById("txtId") 和 document.getElementById("txtName") 2个控件和add()，add(i)方法就可以得到子级页面的返回值。

 

3、各项参数
其中yes/no也可使用1/0；pixel value为具体的数值，单位象素。
参数 | 取值范围 | 说明
alwaysLowered | yes/no | 指定窗口隐藏在所有窗口之后
alwaysRaised | yes/no | 指定窗口悬浮在所有窗口之上
depended | yes/no | 是否和父窗口同时关闭
directories | yes/no | Nav2和3的目录栏是否可见
height | pixel value | 窗口高度
hotkeys | yes/no | 在没菜单栏的窗口中设安全退出热键
innerHeight | pixel value | 窗口中文档的像素高度
innerWidth | pixel value | 窗口中文档的像素宽度
location | yes/no | 位置栏是否可见
menubar | yes/no | 菜单栏是否可见
outerHeight | pixel value | 设定窗口(包括装饰边框)的像素高度
outerWidth | pixel value | 设定窗口(包括装饰边框)的像素宽度
resizable | yes/no | 窗口大小是否可调整
screenX | pixel value | 窗口距屏幕左边界的像素长度
screenY | pixel value | 窗口距屏幕上边界的像素长度
scrollbars | yes/no | 窗口是否可有滚动栏
titlebar | yes/no | 窗口题目栏是否可见
toolbar | yes/no | 窗口工具栏是否可见
Width | pixel value | 窗口的像素宽度
z-look | yes/no | 窗口被激活后是否浮在其它窗口之上
=====================================================

4、例子：window.open ('page.html', 'newwindow', 'height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')

参数解释：
<SCRIPT LANGUAGE="javascript"> js脚本开始；
window.open 弹出新窗口的命令；
'page.html' 弹出窗口的文件名；
'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空''代替；
height=100 窗口高度；
width=400 窗口宽度；
top=0 窗口距离屏幕上方的象素值；
left=0 窗口距离屏幕左侧的象素值；
toolbar=no 是否显示工具栏，yes为显示；
menubar，scrollbars 表示菜单栏和滚动栏。
Resizable=no 是否允许改变窗口大小，yes为允许；
location=no 是否显示地址栏，yes为允许；
status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；
</SCRIPT> js脚本结束