open link in new tab after click

Question

I opened a new window by window.open in JavaScript, the probleme that it work just after refresh

    var url=document.getElementById("largeImage").getAttribute("href");

   $("#largeImage").click(function(e){ e.preventDefault();
   var win=window.open(url);



  });

https://stackoverflow.com/questions/4907843/open-a-url-in-a-new-tab-and-not-a-new-window-using-javascript — Alicia Sykes, Jan 03 '18 at 10:35
If possible your first preference should be to use anchor tag in html for this purpose `` — Rohit Agrawal, Jan 03 '18 at 10:36

score 1 · Answer 1 · answered Jan 03 '18 at 10:36

Option 1, JavaScript approach

This will work

function openInNewTab(url) {
  var win = window.open(url, '_blank');
  win.focus();
}

You can then use it like this:

<div onclick="openInNewTab('www.test.com');">Something To Click On</div>

Reference, and more info, here: http://www.tutsplanet.com/open-url-new-tab-using-javascript-196/

Option 2, HTML approach

Really simple, just use the target='_blank' to your anchor link, e.g:

<a target="_blank" href="http://your_url_here.html">Link</a>

Locke Lamora · Accepted Answer · 2018-01-04T12:28:25.013

0

Why don't you just add an anchor around your image and open a new tab by using the href-attribute?

Example:

<a href="url"  target="_blank" >
<img />
</a>

edited Jan 04 '18 at 12:28

answered Jan 03 '18 at 10:35

Locke Lamora

63
1
9

1

It's not correct either actually, edit your answer so that it reads `` – Alicia Sykes Jan 03 '18 at 10:41
it's opened but the probleme is it not work , i have to refresh the page to work – hind Jan 03 '18 at 15:39

open link in new tab after click

2 Answers2

Option 1, JavaScript approach

Option 2, HTML approach