我有一个网站(实际上是 Cordova/Phonegap 应用程序)，目前位于 <head> :
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="appPolyfills.js"></script>
<script type="text/javascript" src="appLibs.js"></script>
<script type="text/javascript" src="app.js"></script>
这工作正常，但实际上网站脚本相当重，因此在解析脚本时，页面的 html 实际上没有显示。
我希望显示页面的 HTML，然后才加载上面的脚本。
我知道我可以加载 <body> 中的脚本标签，但就我而言，我必须绝对按顺序加载这些脚本。
所以基本上我想要的是:
- 在加载任何脚本之前使 HTML 在启动时立即显示
- 在正文中按顺序加载脚本
- 在加载最后一个脚本 (app.js) 时收到通知，以便我可以启动应用程序(由于文档就绪事件已经触发，我需要另一个脚本)
这可能吗？
我可以接受基于 JQuery 的解决方案，但更喜欢原始 JavaScript。
最佳答案
您可以将脚本标签放在正文之后 您可以在包含的脚本之后放置自己的脚本
...
</body>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="appPolyfills.js"></script>
<script type="text/javascript" src="appLibs.js"></script>
<script type="text/javascript" src="app.js"></script>
<script>
starttheapp(); // call function when "app.js" is ready
</script>
</html>
关于javascript - 在 <body> 中按顺序加载 Javascript 文件并在完成时触发回调，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31589686/