关于readyState的使用有问

[Tammeny]

我在用readyState来判断页面是否加载完。主要是想实现页面还未加载完时显示遮套层loading。现在所遇到的问题是页面加载时遮套层没显示出来，经测试把document.readyState == "loading"换成document.readyState == "complete"遮套层是能正常显示出来的。不知道问题出在哪里呢？
代码如下：
javascript代码：

document.onreadystatechange = subSomething; //当页面加载状态改变的时候执行这个方法.
function subSomething() {
    if (document.readyState == "loading") {
        document.getElementById('bg').style.display = 'block';
        document.getElementById('loading').style.display = 'block';
    }
}

html代码(遮套层)：

    <div id="loading" style="display:none;"></div>
    <div id="bg" class="bg" style="display:none;"></div>