使用JavaScript打开动态链接新窗口（但不弹出）

Question

I am trying to open a link in new window, however the link may contain an additional QueryString which is unfortunately available when the user clicks the link. So even the link is given in the code like:

<a href="somepage.aspx">click</a>

when the user clicks I want user to go to

<a href="somepage.aspx?id=1">click</a>

and the "1" value on the above example is calculated when user clicks the link. I am aware I can accomplish this with

<script>
function openlink()
{
   var calc_i;
   // do calculations and update calc_i value
   window.open("somepage.aspx?id="+calc_i);
}
</script>
<a onclick="openlink()">click</a>

This results in a popup window (which I don't want). What is your suggestion?

Answer 1

It really would be better to just have the querystring in the link already, it would make far more sense.

You could try appending the code in an onclick event like so.

<a href="somepage.aspx" onclick="openlink(this)" target="_blank">Hello</a>

function openlink(anchor){
    var calc_i = 1;
    var page = anchor.getAttribute('href');
    anchor.setAttribute('href',page + '?id=' + calc_i);
}

Answer 2

Try the following:

function openlink()
{
    var calc_i;
    // do calculations and update calc_i value
    window.open("somepage.aspx?id="+calc_i, "_blank");
}

You can specify the name of the new window, which should be opened in window.open. If you use _blank it opens up in a complete new window.

Working example