How to load multiple iframe concurrently?

@rollin 

To load multiple iframes concurrently on a webpage, you can use JavaScript to dynamically create and insert the iframes into the DOM. Here is an example of how you can do this:

1. Create an array of URLs that you want to load in the iframes:

1
2
3
4
5

const urls = [
  'https://www.example.com/page1',
  'https://www.example.com/page2',
  'https://www.example.com/page3'
];

1. Create a function that will create an iframe element with the specified URL and append it to the document body:

1
2
3
4
5

function loadIframe(url) {
  const iframe = document.createElement('iframe');
  iframe.src = url;
  document.body.appendChild(iframe);
}

1. Iterate over the array of URLs and call the loadIframe function for each URL:

1
2
3

urls.forEach(url => {
  loadIframe(url);
});

By following these steps, you can load multiple iframes concurrently on a webpage. Each iframe will load the specified URL simultaneously without waiting for the others to finish loading.