检测HTML何时完成在页面上加载和呈现

时间:2012-09-28 07:33:36

标签: javascript jquery

是否可以检测HTML何时在页面上加载和呈现?如果是这样,怎么样?

该页面包含HTML,调用ajax,从ajax调用接收数据,大量的javascript内容以及一些图像。我想知道一切都结束了。我不能做的是在最后坚持一个函数调用,因为我不知道结束的时间。

例如,该页面包含许多用户可以选择的ajax样式元素,即用户1可能具有与用户2不同的元素数量,甚至可以采用不同的顺序。

所以我不能做的是使用最后一个函数来模拟HTML渲染的结束,因为我不知道哪个函数将是最后一个函数。

3 个答案:

答案 0 :(得分:8)

回答问题的问题在于最后几句,你说由于用户选择你不知道结局在哪里。您可以将JavaScript绑定到两个自动事件。什么是jQuery调用$(document).ready()这意味着DOM已准备好进行操作(在加载图像之前和加载外部脚本和CSS之后)以及更通常称为body onload的内容(在jQuery中,这可以写成{ {1}})在获取所有静态资产后运行。在至少DOM准备就绪之后,你的Ajax调用都将触发,并且在所有这些调用之后没有定义的事件。为此,您需要自己跟踪它们。你可以使用“最后一匹马从谷仓”的方法。在Ajax调用结束时添加一小部分逻辑,看它是否是最后一个并引发一个名为“reallyAllDone”的自定义事件

答案 1 :(得分:-1)

onload

<body onload="load()">

这将检测身体内容何时加载。

答案 2 :(得分:-2)

<强> $(文件)。就绪

将帮助您了解dom何时完成其活动及其准备好