Open multiple links on a webpage using javascript

Question

I have a webpage which has multiple links. What I want to do is I want to open all the links in different windows using javascript. As of now, my code looks like below. All the links have common calss "myClass" and different "id".

$( document ).ready(function() {

var elements = document.getElementsByClassName("myClass");

for (var i = 0; i < elements.length; i++) {

    alert(elements[i].getAttribute("id"));

    $(elements[i].getAttribute("id")).onclick();
}})

What am I doing wrong? Could anyone help me on this. Any help would be much appreciated.

Where are you binding the onclick handlers, what do they look like? — LJᛃ
– LJᛃ, Commented Sep 19, 2014 at 3:26
@LJ_1102 I have integrated this snippet under my HTML head tab. — Roland
– Roland, Commented Sep 19, 2014 at 3:33
@Sean F This code just throws an alert with id number of the very first link. It isn't opening up other links in different windows, which I intend to do. — Roland
– Roland, Commented Sep 19, 2014 at 3:34

BuddhiP · Accepted Answer · 2014-09-19 03:31:05Z

1

Instead of taking the id and trying invoke onclick() event manually, you can retrieve the href attribute and pass it to the window.open method.

for (var i = 0; i < elements.length; i++) {

    var url = elements[i].getAttribute("href");

    window.open(url);
}})

Read more about window.open here. https://developer.mozilla.org/en-US/docs/Web/API/Window.open

However, this might not be well accepted by the browsers, I suspect that they will prevent opening that many windows via javascripts. (Blocking Popups).

answered Sep 19, 2014 at 3:31

BuddhiP

6,5035 gold badges39 silver badges57 bronze badges

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

4 Comments

BuddhiP Over a year ago

Glad I could help. Please accept the answer if it worked, and vote of course :)

Roland Over a year ago

A little late, and you correctly said the browser blocks the pop-ups, is there a way around this pop-up problem...

BuddhiP Over a year ago

There is no solution to that as far as I know, If your users trust your site and accept popups are required, then they can configure their browsers to allow popups from your site. But that has to be done individually by each user.

Roland Over a year ago

Got it. I will have a look into it. Thank you for the quick repies!!

dhouty · Accepted Answer · 2014-09-19 03:35:14Z

0

It looks like you are using jQuery, so a simple solution would be

$(".myClass").each(function() {
    window.open(this.href); 
});

Otherwise a pure JavaScript approach would be

var elements = document.getElementsByClassName("myClass");
for (var i=0; i<elements.length; i++) {
    window.open(elements[i].getAttribute("href"));
}

answered Sep 19, 2014 at 3:35

dhouty

1,98912 silver badges21 bronze badges

1 Comment

Roland Over a year ago

Thank you for the help @dhouty. I tried BuddhiP instructions and it seems to be working fine. Again thank you for the quick reply.

Collectives™ on Stack Overflow

Open multiple links on a webpage using javascript

2 Answers 2

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related