从文件夹加载javascript文件

时间:2014-08-01 19:56:46

标签: javascript html

我不确定从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>

1 个答案:

答案 0 :(得分:2)

您可以通过创建新的<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}} ...当最后一个加载失败时,它将停止尝试进一步加载。

4

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