How to open a link in new tab using tag in javascript and jquery

Question

I want to open a link in new tab using a tag, the html for this looks like :

<a href=""
    onclick="window.open( urlvalue, '_blank' );">MyLink
</a>

How could i implement it using Jquery and Javascript.

Note: This tag is inside a div, so I want to append the a tag inside that div as well.

Just use `$('a').trigger('click')`? – BenM Sep 26 '14 at 07:43 — BenM, Sep 26 '14 at 07:43

Nad · Answer 1 · 2014-09-26T09:53:13.480

7

You just need to add like below, and it will work

<a href="URLValue" target="_blank" >My link</a>

Jquery code:-

$(this).find("a").attr("target", "_blank");

edited Sep 26 '14 at 09:53

answered Sep 26 '14 at 07:45

Nad

I want to know how to write the javascript code for the following html ? – user2530619 Sep 26 '14 at 09:06

jpcanamaque · Accepted Answer · 2014-09-26T09:15:17.653

2

Using jQuery: (Given that there is an <a> element present)

$(function(){
   $('a').attr('target', '_blank').attr('href', 'YOUR_LINK').trigger('click')
});

EDIT

Another case (You have <div> element and you want to append a link inside it);

$(function(){
   $('div').append('<a href = "YOUR_LINK" target = "_blank">LINK</a>');
});

edited Sep 26 '14 at 09:15

answered Sep 26 '14 at 07:46

jpcanamaque

Under this code where should i specify the url that i want to go ? – user2530619 Sep 26 '14 at 09:05
Sorry to bother you, but i am new to web programming can you tell me where do we specify the text, clicking on which i will be redirected to my link in new tab ? Thanks – user2530619 Sep 26 '14 at 09:10
Correct me if I'm wrong, do you want to create an `` element using Javascript or jQuery? – jpcanamaque Sep 26 '14 at 09:12
I want to know both the approach using javascript as well as jquery. – user2530619 Sep 26 '14 at 09:15

score 0 · Answer 3 · answered Sep 26 '14 at 07:46

0

window.open('URL','WINDOW NAME','width=width,height=height')

answered Sep 26 '14 at 07:46

Matt Maclennan

3 Answers3