如何动态加载一些js（或任何其他）文件＆amp;表示加载数据的百分比？

Question

我有一个html页面，必须在开头加载许多重js文件。它通常需要花费很多才能加载它们。用户无法查看这些数据的加载量和数量。剩下多少！ 所以我需要使用javascript添加一个简单的进度条（我的意思是某种方式来表示加载和剩余数据的数量，图形显示根本不重要，它可以像1到100之间的数字一样简单！）
我需要像这样伪的东西：

var filesToLoad = ['jsFilepath/s1.js', 'jsFilepath/s2.js', 'jsFilepath/s3.js']; showProgressBarAndBeginLoadFiles(filesToLoad);

有什么想法吗？

Answer 1

您可以通过文件s1.js，s2.js s3.js对JavaScript函数（如updateProgressBar（百分比））进行10次调用。在updateProgressBar函数中，您可以使用JavaScript负载的当前状态的某些指示符来填充div。不是最干净的方式，但我认为它会起作用。不确定你是否能够在你的例子中向s1.js，s2.js，s3.js添加内容。