JavaScript IE浏览器DOM Ready检测技巧：利用doScroll异常

IE浏览器DOM Ready检测需求

若仅需操作DOM元素，无需等待页面所有资源加载完毕，追求更快的执行速度。

Firefox等浏览器提供DOMContentLoaded事件以解决此问题，但IE浏览器缺乏该支持。

利用doScroll异常检测机制

MSDN关于JSCRIPT的文档提及，页面DOM未加载完成时调用doScroll方法会引发异常。反向利用此特性：若调用不抛出异常，则表明DOM已加载完毕。

function IEContentLoaded (w, fn) {
var d = w.document, done = false,
// 仅执行一次
init = function () {
if (!done) {
done = true;
fn();
        }         
    };         
// 轮询检测无错误
(function () {
try {
// 在ondocumentready之前会抛出错误
d.documentElement.doScroll('left');
} catch (e) {
setTimeout(arguments.callee, 50);
return;
        }         
// 无错误，触发回调
init();
    })();         
// 力求在onload之前触发
d.onreadystatechange = function() {
if (d.readyState == 'complete') {
d.onreadystatechange = null;
init();
        }         
    };         
}

应用背景与使用示例

此函数由Diego Perini于07年发布该方法，

获得广泛认可，诸多开源框架如JQuery的ready机制均借鉴此方法。

若后续需在IE中实现DomReady，可采用此方案。

使用示例：

IEContentLoaded( document.getElementById("test") , test );

function test(){ }