请用易懂的语言举例介绍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
  • 打赏
  • 举报
回复
下班前UP一下

87,987

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧