jQuery的document.ready平替

使用jQuery时，$(document).ready()是非常常用的写法，它把初始化函数委托给jQuery，并等到页面DOM初始化完成后自动调用。

可以反复调用$(document).ready()，jQuery会按顺序依次调用传入的初始化函数。

在GitSite中，页面没有引入jQuery，因此，需要一个类似$(document).ready()的函数来完成初始化。GitSite定义了一个documentReady()函数来实现类似的功能：

// equivalent of $(document).ready(fn):
function documentReady(fn) {
    if (document.readyState === 'complete' || document.readyState === 'interactive') {
        setTimeout(fn, 0);
    } else {
        document.addEventListener('DOMContentLoaded', fn);
    }
}

上述代码通过判断document.readyState来确认页面是否初始化完毕，如果页面已就绪，则直接调用setTimeout()异步执行传入的函数，否则，监听DOMContentLoaded事件。

documentReady()函数的实现非常简单，因为GitSite是基于HTML5构建的，它仅支持现代浏览器，不支持古老的IE。

相比之下，jQuery的$(document).ready()更复杂，因为它需要兼容更多的浏览器。

限 时 特 惠： 本站每日持续更新海量各大内部创业教程，一年会员只需98元，全站资源免费下载 点击查看详情
站 长 微 信： lzxmw777