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;

                }

                els
4000
e

                {

                        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>