使用JavaScript中，父窗口调用子窗口中的函数 及 子窗口调用父窗口中的函数

父窗口调用子窗口函数实现是挺简单的，如下：

var wnd = window.open("XXX.html");

wnd.showDatas(datas);

以上代码中，showDatas是定义在子窗口的函数，datas是父窗口要给子窗口的数据。

需要注意的事，使用open语句打开窗口后，窗口未必能把所有代码全部载入，因此showDatas函数未必调用有效。

如果要有效，可以先把数据传递给子窗口，再在子窗口中延时调用showDatas函数。

如此，父窗口中的代码如下：

var wnd = window.open("XXX.html");
wnd.datas=datas;// 传递数据给子窗口

子窗口中的代码如下：

setTimeout(showDatas(window.datas),1000);// 延时时间可进行调整。

如上，父窗口调用子窗口函数才算完美。

反过来，子窗口要调用父窗口的函数要用opener对象，如：

opener.showMessages(msgs);

以上代码中，showMessages是定义在父窗口的函数，msgs是子窗口要给父窗口的数据。
======================================================================================================

对于打开的窗口，有时子页面要给父页面传值，我用的B/S仿的c/s架构的，所以用到好多,JS，和css 上的东西，下面是JS的只要两个页面就可以了

父页面




View
Code

<form id="form">
<input name="infoimage" type="text" id="infoimage" size="30"><input type="button" name="Submit2" value="上传图片" onClick="document.all.infoimage.value = window.showModalDialog('test2.htm','','status=no,scrollbars=no,top=20,left=110,width=420,height=165')">
</form>

s

子页面




View
Code

<form id="form"> <input name="infoimage" type="text" id="infoimage" size="30"> <input type="button" name="Submit2" value="关闭" onClick="window.returnValue=document.all.infoimage.value;window.close();"> </form>