添加脚本以延迟加载 JS

Question

我正在尝试在下面的代码中添加更多脚本，这会强制JS在页面内容之后加载。我想添加脚本2.js，脚本3.js等。任何帮助将不胜感激。

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;

Answer 1

只需修改加载脚本函数，例如：

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);