Javascript - Create a "a" element and open it in a new tab

Question

I am trying to create a link by means of the tag "a", click this link and open it in a new tab. My script works but does not open the link in a new tab does it on the same page.

The script is activated by clicking on the "body" element of the web page. Apparently the target = '_blank' is not working.

<script>
function openInNewTab(url) {
    var a = document.createElement("a");
    a.target = '_blank';
    a.href = window.location.href;
    a.click();
    window.location.href = 'https://www.google.com.pe';
    }

$("body").click(function () {
openInNewTab();
});
</script>

Possible duplicate of [How to open a URL in a new Tab using javascript or jquery?](https://stackoverflow.com/questions/19851782/how-to-open-a-url-in-a-new-tab-using-javascript-or-jquery) — Mark, Jun 12 '17 at 03:45

score 2 · Answer 1 · answered Oct 21 '21 at 08:22

2

change your line

a.target = '_blank';

to

a.setAttribute('target', '_blank');

answered Oct 21 '21 at 08:22

sifr_dot_in

3,153
2
33
42

score 0 · Answer 2 · answered Jun 12 '17 at 03:43

window.open('https://www.google.com.pe', 'name');

'name' is a name of the window. Following names are supported
_blank - URL is loaded into a new tab. This is a default.
_parent - URL is loaded into the parent frame _self - URL replaces the current page

score 0 · Answer 3 · answered Jun 12 '17 at 03:49

0

$(document).on('click', 'a', function(e){ 
    e.preventDefault(); 
    var url = $(this).attr('href'); 
    window.open(url, '_blank');
});

answered Jun 12 '17 at 03:49

Hefm

61
3
13

score 0 · Accepted Answer · answered Jun 12 '17 at 04:04

Just use window.open(url,'_blank'); with target blank parameter .

function openInNewTab(url) {
 window.open(url, '_blank');
    }

$("body").click(function () { 

url='https://www.google.com.pe/';
openInNewTab(url);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
 
 
 <h1>body</h1>
</body>

Javascript - Create a "a" element and open it in a new tab

4 Answers4