Question

我不确定从index.html中的文件夹加载所有.js文件的最佳方法是什么

.js文件的数量会发生变化，所以我不能用通常的方式在index.html中定义它们。我不能使用PHP或jQuery解决方案，这将使它更容易。

<script>
    var count = 1;
    function LoadNext()
        {
             var newScript = document.createElement("script");
             newScript.setAttribute("type", "text/javascript");
             newScript.setAttribute("src", "page-" + count++ + ".js");  //Increment    the counter so we get the next page each time
             newScript.onload = LoadNext;  //When the script loads call this function again
             document.getElementsByTagName("head")[0].appendChild(newScript)
         }
   LoadNext();
</script>

Answer 1

您可以通过创建新的<script>代码来加载新的JS文件。

var filename = "JSDir/JSFile.js";

var newScript = document.createElement("script");   ///Create a new <script> element
newScript.setAttribute("type", "text/javascript");  // Set type to JS
newScript.setAttribute("src", filename);            //Set src, your file to load
document.getElementsByTagName("head")[0].appendChild(newScript)  //Append this script tag to the end of your head element

如果你知道你的JS文件将被命名为basename-1.js，你可以设置一个回调，以便onload增加到下一个fielname basename-2.js 3，{{ 1}} ...当最后一个加载失败时，它将停止尝试进一步加载。

^^未经测试，但如果检查文件的方式存在失败。您可以随时使用AJAX并检查404

从文件夹加载javascript文件

1 个答案: