关于frame/iframe的onreadystatechange事件

最新推荐文章于 2021-08-05 15:35:43 发布

原创最新推荐文章于 2021-08-05 15:35:43 发布 · 237 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#框架 #Google

javascript 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了如何使用JavaScript监测iframe及frame元素的加载状态。针对不同浏览器版本提供了具体的代码实现方式，包括利用onreadystatechange事件（IE5.5及以上版本）和其他通用方法。

首先：
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>