弹出窗口关闭时如何刷新父页面？

Question

I have some problems with the function to refresh the main page when a pop is closed.

In my popUp page I have the following javascript

$(function () {        
    window.onunload = function () {
        if (window.opener && !window.opener.closed) {
            window.opener.popUpClosed();
        }
    };
});

In the main page I have the following javascript

$(function () {
    function popUpClosed() {
        window.location.reload();
    }
});

I got an error, that the object don't support the method 'popUpClosed'.

I saw this solution on this answer here in StackOverflow, but I don't know how can I fix this error.

Answer 1

Have you tried the next answer down:

var myPop = "pop up window selector"
myPop.onunload = function(){ 
  location.reload(); 
};

Source: Refresh parent window when the pop-up window is closed

Update

You can get a reference to a window like this:

var windowObjectReference = window.open(strUrl, strWindowName[, strWindowFeatures]);

Source: https://developer.mozilla.org/en/DOM/window.open

Update

I just realized that window.opener.popUpClosed() is looking for the popUpClosed() function in the global scope on the main page, but it's not actually declared in the global scope, try this:

var popUpClosed = function () {
    window.location.reload();
};

Removing the document.ready event handler around this will allow it to be accessible from a child document (like a popup). Also notice the function is now declared like: var <name> = function () { ... }; which allows it to be accessible via the window object.

Answer 2

It's because window.opener does not have any method called popUpClosed . Remove the window.opener as such:

window.onunload = function () {
  if (window.opener && !window.opener.closed) {
    popUpClosed();
  }
};