让所有JS等待页面加载

Question

我在网页上有很多javascript，无法合并。

这让我感到困扰的是“document.wait”等等各种功能，有没有更好的方法，或者我坚持使用它？

Goog'ling没有透露任何信息。

Answer 1

正如其他人所说，在</body>之前将所有脚本移到页面底部。它将解决您的许多问题。但它并不能解决专门针对旧IE的浏览器不一致的所有微妙之处。

如果您想了解提供此类跨浏览器实施的难度，请查看以下热门问题：

$(document).ready equivalent without jQuery

例如，不要依赖document.addEventListener因为IE提出了自己的专有document.attachEvent。这只是第一步。

Answer 2

最佳做法是在关闭正文之前始终放置脚本标记：

  <script src="path/to/my/script"></script>
  <!-- more scripts, etc -->
</body>

这样，其他一切肯定已经加载，无需“等待”。 的 See this recommendation from google.

否则，您可以使用：

window.addEventListener('load', function() {
  //your js here
});