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