HTML DOM readyState 属性

readyState 属性返回当前文档的状态（载入中……）。
该属性返回以下值:
uninitialized - 还未开始载入
loading - 载入中
interactive - 已加载，文档与用户可以开始交互
complete - 载入完成


语法
document.readyState


浏览器支持
Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主要浏览器都支持 readyState 属性

if(document.addEventListener){
    function DOMContentLoaded(){
        $("#status").text("DOM is ready now!");
    }
    document.addEventListener( "DOMContentLoaded", DOMContentLoaded, false );
}
window.onload=function(){
            $("#status").text("DOM is ready AND wondow.onload is excute!");
}

这个属性是只读的，传回值有以下的可能： 


0-UNINITIALIZED：XML 对象被产生，但没有任何文件被加载。 
1-LOADING：加载程序进行中，但文件尚未开始解析。 
2-LOADED：部分的文件已经加载且进行解析，但对象模型尚未生效。 
3-INTERACTIVE：仅对已加载的部分文件有效，在此情况下，对象模型是有效但只读的。 
4-COMPLETED：文件已完全加载，代表加载成功。




范 例 
alert("The readyState property is " + xmlDoc.readyState); 




<script language="javascript">


if (document.readyState=="complete")
{
        AdjustImageSize();
}
else
{
        document.onreadystatechange = function()
        {
           
                if (document.readyState == "complete")
                {
                        AdjustImageSize();
                }
        }
}


function AdjustImageSize()
{
        var imageWidth = document.all["SendPic"].width;
        var imageHeight = document.all["SendPic"].height;
        
        if (imageWidth == 0 && imageHeight == 0)
        {
                document.write ("图片下载失败，请刷新！");
                return;
        }
        
        if (imageWidth > 160 || imageHeight > 160)
        {
                if (imageWidth > imageHeight)
                {
                        k = 160 / imageWidth;
                        imageHeight = imageHeight * k;
                        imageWidth = 160;
                }
                else
                {
                        k = 160 / imageHeight;
                        imageWidth = imageWidth * k;
                        imageHeight = 160;
                }
                
                document.all["ImgResized"].value = "1";
        }
        
        document.all["SendPic"].width = imageWidth;
        document.all["SendPic"].height = imageHeight;
        
        document.all["ImgWidth"].value = imageWidth;
        document.all["ImgHeight"].value = imageHeight;
}
</script>