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>

但是，我有大约十几个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);
   }
}

Javascript数组推迟js加载joomla

1 个答案: