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