Javascript array to defer js loading joomla

Javascript array to defer js loading joomla

本文关键字：loading joomla js defer array to Javascript      更新时间：2023-09-26

我正在推迟在我的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>

但是，我有大约十几个 js 文件要像这样加载，对于每个文件，我都必须使用与上面相同的代码块，只是路径不同.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>

感谢您对此的任何帮助！

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

这是函数应该是什么（我还没有测试过）：

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);
   }
}
相关文章：