javascript – iframe onreadystatechange

2019-06-14 01:22:35 阅读：203 来源： 互联网

标签：javascript dom javascript-events iframe

我有一个包含< 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,dom,javascript-events,iframe
来源： https://codeday.me/bug/20190614/1236483.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript – iframe onreadystatechange