Html javascript to open new window and close current window

问题

I have a popup window and in that page I have the following code in the body.

<a href="http://www.example.com" target="_blank" onClick="javascript:window.close()"><img src="...something"/></a>

The purpose is to have this popup window close when a user clicks on the image link, and to open a new page and be directed to http://www.example.com.

It works in IE and Chrome, but not in Firefox. The popup window closes but no new window is opened.

Any ideas?

回答1:

Yes, I can repro this - interesting. setTimeout works around it:

onClick="javascript: setTimeout(window.close, 10);"

I can only guess that once the window closes (which happens before the hyperlink is followed) Firefox stops processing that page.

Edit: better make it 10ms delay - with 1ms Chrome doesn't close the window.

回答2:

The question is actually solved for the opener but it didn't help my issue (not wished: the new windows under firefox keep the same size as the current popup).

So I find following solution:

function whenClicked() 
{
    window.close();
    opener.location.href = "http://www.example.com";

}

or this if the ppage should open in a new tab:

function whenClicked() 
{
    window.close();
    opener.open(http://www.example.com, '_blank');
}

回答3:

When you add some functionality to an element's click event via javascript, that functionality is executed before the default click event (in this case, opening a new page), in order to allow for the possibility of intercepting and overriding the default event. The default behavior will only execute when and if the event returns a boolean value of true.

In this case, the additional functionality would be to close the window and my guess is that Firefox chooses to interpret this as "we're all done here", so the click event never returns true, and thus the new page never gets opened.

Evgeny's suggestion of using a short timeout would allow the click event to return true before the window is closed, thus allowing the new window to open.

来源：https://stackoverflow.com/questions/3681178/html-javascript-to-open-new-window-and-close-current-window

标签

javascript

window.open