如何在opener窗口后面放置一个用window.open（）打开的窗口？

Question

I have a link that when clicked replaces the current page with another through the default <a> element click behaviour, but which also calls a JavaScript function to open another page in a new window. I would like the new window opened from my JavaScript function to appear behind the current window but can't figure out how to do this. In actual usage, I am feeding click thrus to a database, the link that is controlled by the window.open statement. The other link is to the clients site in a new window. I want the clients site to appear on top.

My current code is as follows:

<script language="JavaScript" type="text/JavaScript">
    function countClicks(a,b)
    { 
       window.open("http://stackoverflow.com?id="+a+"&id2="+b, "_blank");
    }
</script>

<a href="google.com" name="xy" onclick="javascript:countClicks(2,3);">test</a>

So for the example URLs shown above I would like the (original) window with Google to appear in front of the new window with StackOverflow, but the new window always opens in front.

Answer 1

Popup behavior varies based on browser/user settings. I haven't been able to replicate the open behind behaviour myself, but I believe what you're looking for is .focus() .

Try:

window.open("http://stackoverflow.com?id="+a+"&id2="+b, "_blank").focus();

Answer 2

Try using window.focus() at the end of your existing function:

function countClicks(a,b) {
   window.open("http://stackoverflow.com?id="+a+"&id2="+b, "_blank");
   window.focus();
}

That should bring the existing window back to the front, noting that behaviour may vary between browsers and depending on popup-blocking settings, etc.

Or you could just swap the two urls, ie, put the StackOverflow url in the href with the appropriate query string specified directly rather than in JS, and put the Google url in the window.open() call.