请用易懂的语言举例介绍onreadystatechange Event，结合document Object

这个例子用onreadystatechange 事件，来调用一个函数，这个事件在document的读取状态属性发生改变时，This example uses the onreadystatechange event to invoke a function when the readyState is complete.document.onreadystatechange=fnStartInit;
function fnStartInit()
{
   if (document.readyState=="complete")
   {
      // Finish initialization.
   }
} document.readyState的不同状态uninitialized 还没有被数据初始化时的状态 
loading       正在载入数据的状态
loaded 已经完成载入数据的状态
interactive 可以接受用的交互操作
complete          完全载入 
当你的页面量很大的时候，可以用这个来实现，判断载入到什么程度
如果页面量比较小，就没有一个明显的界限了

解决方案 »

  1.   

    我刚才试了如下代码：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>Untitled Document</title>
    <META HTTP-EQUIV="pragma" CONTENT="no-cache">
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <meta name="Expires" content="0">
    </head>
    <script language="JavaScript">
    var objTest = document
    objTest.onreadystatechange=fnStartInit;
    function fnStartInit()
    {
       if (objTest.readyState=="uninitialized")
       {
          alert("uninitialized")
       }
       if (objTest.readyState=="loading")
       {
          alert("loading")
       }
       if (objTest.readyState=="loaded")
       {
          alert("loaded")
       }
       if (objTest.readyState=="interactive")
       {
          alert("interactive")
       }
       if (objTest.readyState=="complete")
       {
          alert("complete")
       }
    }
    </script>
    <body></body>
    </html>结果第一次显示仅弹出complete提示，以后再刷新页面会依次弹出complete、interactive、complete提示，我在复杂的页面加入以上代码也是这样。请朋友们解释一下。