How to access a page multiple times with javascript?

Question

I'm trying to access some webpage multiple times but each time I'll use different parameters.

Here's an example of what I'm trying:

var codes = [1, 2, 3, 4, 5]

for(i = 0; i <= codes.lenght; i++){
    window.open('http://localhost/applicationame/execute/cod/'+codes[i],'_self');
}

(I removed the url real names because of work related privacy)

But when I execute it in the browser console the browser only access the page containing the last element of my array. I tired using setTimeout to make the browser wait and then visit the next page but it just returns me the same behavior. I tried googling some solutions but found no good answers that apply to my case. I'm open to use JQuery too if needed or other tools that can help me with it.

If you are using chrome, then I am pretty sure that it doesn't allow you to open multiple popups at once. stackoverflow.com/a/16757736/5841629 — Ray
– Ray, Commented Mar 20, 2018 at 21:20

Ariel Haim · Accepted Answer · 2018-03-20 21:25:08Z

2

That's happening because you open all instances on the same window.

Try replacing '_self' with the value of i, so you'll have a unique name parameter for each window

answered Mar 20, 2018 at 21:25

Ariel Haim

867 bronze badges

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

Comments

ESP32 · Accepted Answer · 2018-03-20 23:40:23Z

-1

You have several problems in your code:

_self will open the target url in the same window - so your loop is interrupted in the same moment as you load the new page.
codes.lenght should be code.length

I have tried to create a working example - but was not able to. Obviously the browser does not open windows in a loop. At least Chrome shows a message that windows have been blocked.

See my test here:

function openWindows() {
  var codes = [1, 2, 3, 4, 5];
  for(i = 0; i < codes.length; i++){
      var params = {
        url: 'https://edition.cnn.com/?var='+codes[i],
        i: i
      };
      var delay = i * 2000;
      setTimeout(function(params) {
        console.log(params.url);
        window.open(params.url,'_blank', 'PopUp', params.i);
      }, delay, params);
      
  }
}

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
  </head>

  <body>
    <h1>Click to open windows</h1>
    <button onClick="openWindows()">Start</button>
  </body>

</html>

If you want to test, please use Plunker as playground, as SO playground does not open new windows: https://plnkr.co/edit/L318Q564spTqMVkqQUPa?p=preview

In modern web development it's rarely seen that browser windows are opened. You could try to add new DIV layers with iFrames instead.

edited Mar 20, 2018 at 23:40

answered Mar 20, 2018 at 21:57

ESP32

8,7732 gold badges46 silver badges71 bronze badges

3 Comments

Rob Over a year ago

You are required to post your code here, within your answer, not a third party site. Links go dead.

ESP32 Over a year ago

@Rob You are right in general - however the SO snippet behaves differently for some reason... it does not perform a "window.open". - Plunker does!

Rob Over a year ago

It doesn't matter. Your code must be within your question. You don't have to use the SO snippet.

Collectives™ on Stack Overflow

How to access a page multiple times with javascript?

2 Answers 2

Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related