Open links in another window with javascript

Question

Let's say I have a single HTML page and it contains hundreds of links. These links will load in the same window when anybody clicks them.

I want it to open in another window. I know that I can use target for each link:

<a href="http://www.example1.com/" target="_blank">My Text1</a>
<a href="http://www.example2.com/" target="_blank">My Text2</a>
<a href="http://www.example3.com/" target="_blank">My Text3</a>

Howeder, I'd prefer to use JavaScript if that's possible. Is it possible to do that with JavaScript, and if so, how?

A google search of your question title would have gotten you the same answers as below. — nathancahill
– nathancahill, Commented Mar 30, 2013 at 2:18
Exactly, I don't get how these answers aren't found before asking ... — What have you tried
– What have you tried, Commented Mar 30, 2013 at 2:19

metadept · Accepted Answer · 2013-03-30 03:05:43Z

1

Yes, it is. Use something like this:

var newtab = window.open('http://www.example1.com/', '_blank');

newtab.focus();

This may open in new tabs or new windows depending on the particular browser, but I don't know of a way to control that any more specifically.

EDIT Or were you asking for a way to set the behavior for all links on the page? Then you can add the proper target to all of them when the page loads.

With jQuery: http://jsfiddle.net/b8hdv/

$(document).ready(function() {
    $('a').attr('target', '_blank');
});

...or without jQuery: http://jsfiddle.net/uFvUS/

window.onload = function(e) {
    var links = document.getElementsByTagName('a');

    for (var i = 0; i < links.length; i++) {
        links[i].target = '_blank';
    }
}

edited Mar 30, 2013 at 3:05

answered Mar 30, 2013 at 2:16

metadept

7,9892 gold badges21 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

user2203703 Over a year ago

Yes, for all links on the page..i have tried your codes,but it doesn't work..could you check it again please ? thanks

user2203703 Over a year ago

If there is no "target" for my current links <a href="http://www.example1.com/">My Text1</a> ..can this work for me?

metadept Over a year ago

@user2203703 you'll need to run the script when the page is done loading (if you're not already). I edited my solution to include the wrapper functions; see if that works.

metadept Over a year ago

@user2203703 sorry, I forgot to close the function. Also you should use jsfiddle's dropdown stuff on the left to import libraries (see the examples I added). Hope this helps!

Community · Accepted Answer · 2017-05-23 12:04:56Z

0

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

Use like this:

$("#a_id").on("click", function(){
open_in_new_tab($(this).attr("href"));
});

Demo HTML:

<a href="somepage.html" id="a_id">Click me!</a>

Found here

edited May 23, 2017 at 12:04

CommunityBot

11 silver badge

answered Mar 30, 2013 at 2:17

What have you tried

11.2k4 gold badges35 silver badges45 bronze badges

Comments

John Paul Cárdenas · Accepted Answer · 2013-03-30 02:17:33Z

0

Try this:

window.open('http://www.example1.com');

and capture the event click.

answered Mar 30, 2013 at 2:17

John Paul Cárdenas

1271 silver badge12 bronze badges

Collectives™ on Stack Overflow

Open links in another window with javascript

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related