什么时候调用document.ready（）？

在下面的解析阶段，

$ document.ready（）什么时候执行？

Answer 1

当HTML被加载时，DOM /文档对象模型被加载时的简单anwser ..

文件

包含在$（document）.ready（）中的代码只有在页面文档对象模型（DOM）准备好执行JavaScript代码后才会运行。

---

我在这里也很好地解释了：

https://discuss.codecademy.com/t/window-onload-vs-document-ready/19000

我说的地方：

jQuery document.ready将在HTML准备就绪时运行您的代码，但在图像和其他资源完成之前。 这是您可以使用JavaScript更改DOM的最早时间，因此它被广泛使用。 在像Google Chrome这样的现代浏览器中，它被DOMContentLoaded3取代。 再次更多信息在这里。

所以通过你的图片：

当Dom已经“完成”加载时，$ document.ready（fn）将在交互式面的开始处加载…

Answer 2

$ document.ready（）什么时候执行？

.ready()可以多次执行

.ready( handler )
返回： jQuery
描述：指定DOM完全加载时要执行的函数。

如果在初始化DOM之后调用.ready() ，则会立即执行传入的新处理程序。

.ready()方法只能在与当前文档匹配的jQuery对象上调用，因此可以省略选择器。

 n = -1; function ready() { document.getElementsByTagName("p")[0].textContent += "ready " + ++n + "\n"; } $(document).ready(ready); $(document).ready(function() { ready(); $(document).ready([function() { ready() }, function() { $(document).ready(function() { ready(); $(document).ready([ function() { ready() }, function() { ready() if (n === 5) $(document).ready(function() {ready()}) }]); }) } ]) })