Javascript数组推迟JS加载Joomla

Question

我推迟了Joomla模板中某些js文件的加载。 这很好

    <script type="text/javascript">
        function downloadJSAtOnload() {
            var element = document.createElement("script");
            element.src = "/pathto.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;
    </script>

但是，我有大约12个这样的js文件要加载，对于每个文件我都必须使用与上述相同的代码块，只是pathto.js不同。

我的Javascript能力很垃圾。 是否可以将所有js文件放入一个数组，然后使用相同的代码块一个接一个地遍历它们，而不必一遍又一遍地重复相同的块？

我想要的是

    <script type="text/javascript">
        function downloadJSAtOnload() {
            var element = document.createElement("script");
            element.src = AN ARRAY OF JS FILES;
            document.body.appendChild(element);
        }
        FOR EACH ITEM IN THE ARRAY
            if (window.addEventListener)
                window.addEventListener("load", downloadJSAtOnload, false);
            else if (window.attachEvent)
                window.attachEvent("onload", downloadJSAtOnload);
            else window.onload = downloadJSAtOnload;
    </script>

感谢您对此的任何帮助！

Answer 1

实际上，循环应该在函数中。

这是函数的功能（我尚未测试过）：

function downloadJSAtOnload() {
    var scripts = ["script1.js", "script2.js", "script3.js"];
    for (i = 0; i < scripts.length; i++) {
        var element = document.createElement("script");
        element.src = scripts[i];
        document.body.appendChild(element);
   }
}