是否有可能等到所有的JavaScript文件加载之前执行JavaScript代码？

我们有几个JavaScript文件，我们加载在母版页的底部。 但是，我有这样的情况，我需要在其他脚本加载之前执行一些JavaScript。 是否有可能等到所有的JavaScript文件加载，然后执行一些JavaScript代码？

我认为$(document).ready()这样做，但事实certificate，它不。 当然，我们可以将脚本文件从底部移到顶部，但是我想知道是否有可能我想要的。

Answer 1

您可以使用

 $(window).on('load', function() { // your code here }); 

这将等到页面被加载。 $(document).ready()等待DOM被加载

Answer 2

您可以使用.getScript()并在加载后运行代码：

  $.getScript("my_lovely_script.js", function(){ alert("Script loaded and executed."); // here you can use anything you defined in the loaded script }); 

您可以在这里看到更好的解释： 如何在另一个JavaScript文件中包含JavaScript文件？

Answer 3

你可以使用<script>的defer属性。 它指定脚本将在页面完成parsing时执行。

 <script defer src="path/to/yourscript.js"> 

一个很好的文章： http : //davidwalsh.name/script-defer

浏览器支持似乎很不错： http : //caniuse.com/#search=defer