使用javascript返回到父窗口

Question

我从父窗口弹出一个子窗口。现在，在子窗口中，我有一个HTML表单，用户将填写并提交请求将在服务器site.Now对这个请求的回应是重定向到了父窗口，我的子窗口自动关闭了。希望我很清楚。如果不让我知道。先谢谢你。

Answer 1

检查jQuery Popup Window Return Value to Parent

基本的逻辑可能是：

1. 您回应返回一个包含隐藏的div包含要显示该消息的网页（隐藏的CSS设置display:none;）

2. 那返回的子页面还包含一些JavaScript，填充父窗口中的DIV内容，parent/* or opener */.document.getElementById(...).innerHTML = ...;
   或调用父级上的函数以告知它现在已完成，如window.opener/*or parent*/.formIsComplete();其中formIsComplete()是Ja父文档/窗口中的vaScript函数。

3. 子窗口上JavaScript的最后一行将自行关闭，就像window.close();一样简单。

Answer 2

如果使用window.open创建弹出窗口，则弹出窗口可以使用window.opener访问打开窗口。

在主窗口中，你必须创建一个函数来从弹出接收数据，这样的事情：

window.receiveDataFromPopup = function(data) { 
    // do things with data. 
}; 

然后在弹出的窗口中，你可以调用，如开罐器功能这样的：

window.opener.receiveDataFromPopup(data); 

要关闭窗口，只要使用

window.close(); 

Answer 3

有一种方法可以从子项访问父窗口。这是

window.opener //use window.opener to access the parent window. 

所以在子窗口，一旦您的表单提交完成后，只需拨打

window.opener.yourFunc() //Your func is a function on parent. Call this from the child. 

一旦调用此函数使用

window.close();