基于 gecko 的浏览器的 document.readyState 模拟

Question

IE 在文档对象中有属性 readyState，该属性指示当前状态，例如“正在加载”、“完成”等。

在基于 Mozilla 的浏览器中，有没有办法找到文档的当前加载状态？ 我知道 DOMContentLoaded 事件，但它不适合我的情况，因为我的代码可以在该事件触发后执行。

补充：不，我不能使用任何框架，并且不要与 XHR 对象的 .readyState 属性混淆。 它是一个书签，因此可以在任何加载阶段插入。

稍后补充： 无论如何，看起来这对我来说并不是什么大问题。因为这个属性将在FF3.6中添加，并且不会破坏当您操作未完成的 DOM 时，Firefox 中的情况会很糟糕（与 IE 不同）。

Answer 1

不，这是不可能的。对不起。但这是你可以做的。如果您无法在执行操作之前测试您想要的内容：（

window.setTimeout(function () {
    // do your stuff here
}, 0);

这肯定会在页面呈现后执行，但可能是在加载之后，而不是在 DOMContentLoaded 之后。）

如果您确实知道如何测试您的内容re waiting for：

(function () {
    if (/* test if what you're looking for is there */) {
        // do your stuff
    } else {
        window.setTimeout(arguments.callee, 0);
    }
})();

这将立即执行，除非您要查找的内容不存在，在这种情况下它将等到 onload 事件之后。

编辑：

查看此解决方案。

它的作用是，在边缘情况下，检查 document.getElementsByTagName("*") 的最后一个元素是否未定义。这似乎对他有用，即使在歌剧中也是如此。

Answer 2

可以执行吗？只需收到 DOM 事件的通知并存储其状态即可。我不明白你的根本问题是什么。当然，您可以去掉这种方法的核心内容，并根据您的情况进行调整。

jQuery 的实现方式：

// Mozilla, Opera and webkit nightlies currently support this event
if ( document.addEventListener ) {
    // Use the handy event callback
    document.addEventListener( "DOMContentLoaded", function(){
              //do stuff
    }, false );

// If IE event model is used
} else if ( document.attachEvent ) {
    // ensure firing before onload,
    // maybe late but safe also for iframes
    document.attachEvent("onreadystatechange", function(){
        if ( document.readyState === "complete" ) {
            document.detachEvent( "onreadystatechange", arguments.callee );
            jQuery.ready();
        }
    });

    // If IE and not an iframe
    // continually check to see if the document is ready
    if ( document.documentElement.doScroll && window == window.top ) (function(){
        if ( jQuery.isReady ) return;

        try {
            // If IE is used, use the trick by Diego Perini
            // http://javascript.nwbox.com/IEContentLoaded/
            document.documentElement.doScroll("left");
        } catch( error ) {
            setTimeout( arguments.callee, 0 );
            return;
        }

        // and execute any waiting functions
        jQuery.ready();
    })();
}

// A fallback to window.onload, that will always work
jQuery.event.add( window, "load", jQuery.ready );