文章/答案/技术大牛

发布

社区首页 >问答首页 >iframe onreadystatechange iframe

问iframe onreadystatechange iframe
EN

Stack Overflow用户

提问于 2011-07-18 02:20:23

回答 1查看 8K关注 0票数 4

我有一个包含<iframe>的超文本标记语言页面。在发生某些事件时，<iframe>正在刷新(我可以看到<iframe>的内容正在更改，所以只要一切正常)。

我想要做的是向<iframe>中添加一个onreadystatechange，以便在获取内容时显示一个“正在加载”的文本。

我无法在任何浏览器(Safari，Chrome，FF)中添加onreadystatechange。根据我在互联网上找到的，它似乎可以在IE中工作，但这对我没有帮助。

我试过了：

<iframe onreadystatechange="function();"> document.getElementById('frameId').onreadystatechange = function() {}; document.getElementById('frameId').contentDocument.onreadystatechange = function() {};

但似乎什么都不起作用。

谢谢你的帮助。

javascript

dom

iframe

javascript-events

回答 1

Stack Overflow用户

回答已采纳

发布于 2011-07-18 07:33:54

因此，如果您想要显示“页面正在加载”消息，并在iframe完成加载时隐藏此消息，您可以执行类似于下面的示例的操作。请注意，我使用JQuery只是为了简化这个过程。但很明显，它也可以用100%的Javascript完成。

我还在JSFiddle上创建了这个应用程序，以便向您显示结果。Check it here!!

<html>
<head>
<script type="text/javascript">

function load() {
   //iframe has loaded.
   $('div#loading').delay(1000).slideUp('slow', function() {
        $('div#finished').slideDown('slow').delay('2000').slideUp('slow');
        $('iframe').toggle();
   });
}
</script>
</head>
<body>

     <div id="loading">This page is currently loading.. Just a sec please!</div>
     <div id="finished" style="display: none">Thanks for waiting, enjoy my website now!</div>
     <iframe style="display: none" onload="load()" src="your_url.php"></iframe>

</body>
</html>

票数 7

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/6725797

复制

相似问题

问iframe onreadystatechange iframe
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问iframe onreadystatechange iframeEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问iframe onreadystatechange iframe
EN