Fatal编程技术网
  • javascript/
  • Javascript iframe onreadystatechange

Javascript iframe onreadystatechange

javascript dom iframe

Javascript iframe onreadystatechange,javascript,dom,iframe,javascript-events,Javascript,Dom,Iframe,Javascript Events,我有一个HTML页面，其中包含一个。正在对某些事件进行刷新（我可以看到的内容正在更改，直到一切正常为止） 我想做的是在中添加一个onreadystatechange，这样我就可以在提取内容时显示一个“正在加载”的文本 我无法在任何浏览器（Safari、Chrome、FF）中添加onreadystatechange。从我在互联网上发现的情况来看，它似乎在IE中起作用，但这对我没有帮助 我试过： document.getElementById（'frameId'）。onreadystatechan

我有一个HTML页面，其中包含一个
。
正在对某些事件进行刷新（我可以看到
的内容正在更改，直到一切正常为止）

我想做的是在
中添加一个
onreadystatechange
，这样我就可以在提取内容时显示一个“正在加载”的文本

我无法在任何浏览器（Safari、Chrome、FF）中添加
onreadystatechange
。从我在互联网上发现的情况来看，它似乎在IE中起作用，但这对我没有帮助

我试过：


document.getElementById（'frameId'）。onreadystatechange=function（）{}；
document.getElementById（'frameId'）.contentDocument.onreadystatechange=function（）{}

但似乎什么都不管用

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

我还在JSFIDLE上创建了它，以向您展示结果。检查一下



函数加载（）{
//iframe已加载。
$（'div#load'）.delay（1000）.slideUp（'slow'，function（）{
$（'div#finished'）。slideDown（'slow'）。delay（'2000'）。slideUp（'slow'）；
$（'iframe'）.toggle（）；
});
}
此页面当前正在加载。。请稍等！
谢谢您的等待，现在就享受我的网站吧！

我实际上在寻找一种向用户显示更详细信息的方法。例如“页面正在加载”和“页面已完成加载”。您建议的方法对于“已完成加载”消息非常有用，但对于“正在加载”消息没有帮助。@Sorin Buturuganu：为什么不在设置URL时显示消息，并将其隐藏在
onload
？@Sorin Buturuganu:这对您没有什么帮助？实际上，显示一个包含该消息的div。当iframe完成加载时，在函数load（）{}中隐藏该div并显示iframe。我将相应地编辑我的答案。@Sorin Buturugeanu:我更新了我的答案。请看一看，然后告诉我这是否是您要找的。@Jules:是的，这是在没有办法设置
onreadystatechange
的情况下最好的解决方法。谢谢你花了这么多时间。非常感谢！

<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>