window.onload 相当于 Ajax 应用程序吗？

Question

我正在使用 window.onload 调用必须在页面之后执行的 JavaScript 代码已满载。据我所知，这是调用此类脚本的推荐方法。

但是，它不适用于某些 Ajax 站点，例如 www.bing.com实例 - window.onload 在页面完全呈现之前调用。

有什么建议吗？

Answer 1

简短的回答是（目前）没有通用的方法来解决这个问题。

当 AJAX 发挥作用时，“页面”的定义是相当可替代的 - 很难区分旨在成为初始页面加载一部分的 AJAX 和可能不是的 AJAX。因此，浏览器自行决定何时应该触发 window.onload()，并且它并不总是在您想要的位置结束。

幸运的是，大多数人不需要通用的解决方案，而是特定的解决方案。如果您关心 bing.com，那么您可能可以了解 bing.com 的工作原理，并设计代码以在网站达到您认为可接受的状态时触发。

Answer 2

我已经与这个问题斗争过几次了，我通常需要某种 onload 事件触发的原因是能够与 HTML DOM 交互，并让 getElementById、getElementsByTagName 或各种其他 DOM 选择器返回一些内容，而不是不返回任何内容。

再说一遍，我不确定您要解决的确切问题，但是如果您必须使用某种onload，并且这是因为某种DOM遍历，那么您可以稍微作弊使用以下代码：

window.onload = pageChecker;

function pageChecker() {
    // Onload has fired, but we don't trust it.
    // Check to see if our deepest nested element can be found
    var testElement = document.getElementById("importantElement");

    if ( !testElement ) {
        // Try again in a bit, adjust timeout to what your users
        // can tolerate
        setTimeout(pageChecker, 50);
    }
    else {
        //
        // ... the element exists, run important code below ...
        //
    }
}

Answer 3

您可以通过全局监听 DOMSubtreeModified 和 readystatechange 事件来监听更改和请求，并使用这些事件而不是 load 事件无论你想做什么。

Answer 4

我建议使用 jQuery 的 $(...).ready() 方法。

Answer 5

除了 Rasmus Kaj 的回答之外，如果您使用的是 jQuery，我会引导您查看 全局 Ajax 事件处理程序。

• jQuery.fn.ajaxComplete (http://api.jquery.com/ajaxcomplete/ )
• jQuery.fn.ajaxStop (http://api.jquery .com/ajaxstop/）

请注意，这与本机 onload 事件无关。