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

iflyer 2003-05-21 05:19:47

如题，我看了一下MSDN没看多懂。

谢谢！

...全文

55 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

funboy88 2003-05-23

打赏
举报

多谢送分

iflyer 2003-05-22

打赏
举报

我刚才试了如下代码：

<!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提示，我在复杂的页面加入以上代码也是这样。请朋友们解释一下。

iflyer 2003-05-22

打赏
举报

司令：谢谢！

funboy88 2003-05-22

打赏
举报

你把什么东西都加进去可能就会有效果了

funboy88 2003-05-22

打赏
举报

页面里没有很明显的界限的的啦

iflyer 2003-05-22

打赏
举报

上班前UP一下

funboy88 2003-05-21

打赏
举报

这个例子用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 完全载入

当你的页面量很大的时候，可以用这个来实现，判断载入到什么程度
如果页面量比较小，就没有一个明显的界限了

iflyer 2003-05-21