How to open new tab using onclick="javascript:location.href"?

Question

I'm trying to figure out if there's a way to open a new tab using "javascript:location.href". I can't use other methods to open the link because it needs to get the ID of a certain member of my website when it loads. I also can't make a javascript function because I have more than one link to open.

target="_blank" //didn't work

Here's a piece of my code:

<a onclick="javascript:location.href='website.com' + location.search"><a/>

If there are other ways to do this, please let me know.

Not possible that `_blank` would not work – Mr. Alien Jan 19 '17 at 05:59 — Mr. Alien, Jan 19 '17 at 05:59
keep this in a function and use `window.open` – Manish Jan 19 '17 at 06:08 — Manish, Jan 19 '17 at 06:08

score 14 · Accepted Answer · answered Jan 19 '17 at 06:05

14

Why not use window.open .

<a onclick="window.open('website.com' + location.search)"><a/>

answered Jan 19 '17 at 06:05

RahulB

2,070
1
18
26

this will open a new windows not tab – Jalpesh Vadgama Jan 19 '17 at 06:20
1

@JalpeshVadgama: It is not necessary. In modern browsers, window.open will open in a new tab rather than a popup. Plus it depends on browser settings – RahulB Jan 19 '17 at 06:34
3

`window.open('your url', '_blank'); `, check https://stackoverflow.com/a/19852472/3256489 – 4givN Aug 29 '19 at 16:37
1

Worked like a charm, great – Hadayat Niazi Nov 03 '21 at 20:49

score 2 · Answer 2 · answered Jan 19 '17 at 06:10

ofcourse your scenario is not that simple i've written below, but have a look up my snippet. it dynamically extracts a value and appends it to anchor. which will be opened in new tab.

var id = document.getElementById('id').innerHTML
document.getElementById('pseudo-dynamism').href += '?id='+ id

  <div id="main">
    <div id="member-details" class="question" data-answered="False">
       <span id="id">23</span>
    </div>
    <hr>
    <a href="http://example.com" id="pseudo-dynamism" target="_blank">Click</a> 
  </div>

score 0 · Answer 3 · answered Jan 19 '17 at 12:55

0

use this It will open new window.

 `<button 
onclick="window.open
(this.href,'popUpWindow','height=600,width=600,left=10,top=10,,
scrollbars=yes,menubar=no'); 
return false;" >
new window
</button>`

answered Jan 19 '17 at 12:55

Hiren Jungi

854
8
20

score 0 · Answer 4 · answered Nov 03 '21 at 20:51

0

For PHP users

$url = 'stackoverflow.com';
<a onclick="window.open(<?php echo $url ?> + location.search)">Website<a/>

answered Nov 03 '21 at 20:51

Hadayat Niazi

1,991
3
16
28

How to open new tab using onclick="javascript:location.href"?

4 Answers4