您的位置:首页 > Web前端 > HTML

HTML readyState 属性 iframe onreadystatechange事件

2016-06-27 23:23 477 查看

-----------readyState---------------

定义和用法

readyState 属性返回当前文档的状态(载入中……)。

该属性返回以下值:

uninitialized - 还未开始载入

loading - 载入中

interactive - 已加载,文档与用户可以开始交互

complete - 载入完成

语法

document.readyState

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

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

-----------onreadystatechange---------------

首先:
iframe onreadystatechange的事件只用于ie5.5以上版本
frame不支持onreadystatechange的事件

对于iframe
<iframe name="ifm_Test" src="http://www.google.cn" onreadystatechange="fnStartInit()"></iframe>

或者在js里面写:
<iframe name="ifm_Test"></iframe>
<script language="javascript">
function loadFile()
{
document.frames("ifm_Test").location.href="http://www.google.cn";
document.frames("ifm_Test").onreadystatechange=fnStartInit();
}
function fnStartInit()
{
if (document.frames("ifm_Test").readyState=="complete")
{
alert("框架文件加载完毕!");
}
}

对于frame:
<frameset cols="*,*">
<frame name="ifm_Test" src="http://www.google.cn" />
<frame name="ifm_Test1" src="http://www.baidu.cn" />
</frameset>

只能在js里面写:
<script language="javascript">
document.onreadystatechange = ready;
function ready()
{
if(document.readyState == "complete")
{
alert("框架文件加载完毕!");
}
}
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: