首页 / JAVASCRIPT / javascript – iframe onreadystatechange

javascript – iframe onreadystatechange

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – iframe onreadystatechange，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1294字，纯文字阅读大概需要2分钟。

内容图文

我有一个包含< iframe>的HTML页面. < iframe>正在刷新某些事件(我可以看到< iframe>的内容被更改,所以一切都好).

我想要做的是将一个onreadystatechange添加到< iframe>这样我就可以在获取内容时显示“加载”文本.

我无法在任何浏览器(Safari,Chrome,FF)中添加onreadystatechange.从我在互联网上发现它似乎在IE中工作,但这对我没有帮助.

我试过了：

< iframe onreadystatechange =“function();”>
document.getElementById(‘frameId’).onreadystatechange = function(){};
document.getElementById(‘frameId’).contentDocument.onreadystatechange = function(){};

但似乎没什么用.

谢谢你的帮助.

解决方法:

因此,如果您想要显示“页面正在加载”消息并在iframe完成加载时隐藏它,您可以执行类似于以下示例的操作.请注意,我使用JQuery来简化此过程.但显然它也可以在100％Javascript中完成.

我还在JSFiddle上创建了这个,以显示结果.检查它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" onl oad="load()" src="your_url.php"></iframe>

</body>
</html>

内容总结

以上是互联网集市为您收集整理的javascript – iframe onreadystatechange全部内容，希望文章能够帮你解决javascript – iframe onreadystatechange所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/801014.html

来源：【匿名】