Add scripts to delay loading JS

Question

I am trying to add more scripts to the code below, which forces JS to load after the page content. I'd like to add script2.js, script3.js, etc. Any help would be appreciated.

function downloadJSAtOnload() {
  var element = document.createElement("script");

  element.src = "/home/site/script1.js";
  document.body.appendChild(element);
}

if (window.addEventListener)
  window.addEventListener("load", downloadJSAtOnload, false);
else if (window.attachEvent)
  window.attachEvent("onload", downloadJSAtOnload);
else
  window.onload = downloadJSAtOnload;

F.bernal · Accepted Answer · 2018-09-20 16:17:25Z

2

Just modify your load script function, in this way for example:

function downloadJSAtOnload(scripts) {
  for (script in scripts) {
    let element = document.createElement("script");
    element.src = scripts[script];
    document.body.appendChild(element);    
  }  
}

let scripts = ["/home/site/script1.js","/home/site/script2.js","/home/site/script3.js"];

if (window.addEventListener)
window.addEventListener("load", downloadJSAtOnload.bind(downloadJSAtOnload, scripts), false);
else if (window.attachEvent)
window.attachEvent("onload", downloadJSAtOnload.bind(downloadJSAtOnload, scripts));
else window.onload = downloadJSAtOnload.bind(downloadJSAtOnload, scripts);

answered Sep 20, 2018 at 16:17

F.bernal

2,7022 gold badges24 silver badges28 bronze badges

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

Collectives™ on Stack Overflow

Add scripts to delay loading JS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related