Sor*_*anu 4 javascript iframe dom javascript-events
我有一个包含的HTML页面<iframe>.在<iframe>被刷新某些事件(和我能看到的内容<iframe>被改变,所以就一切正常).
我想要做的是添加一个onreadystatechange,<iframe>以便我可以在提取内容时显示"加载"文本.
我无法onreadystatechange在任何浏览器中添加(Safari,Chrome,FF).从我在互联网上发现它似乎在IE中工作,但这对我没有帮助.
我试过了:
<iframe onreadystatechange="function();">
document.getElementById('frameId').onreadystatechange = function() {};
document.getElementById('frameId').contentDocument.onreadystatechange = function() {};
但似乎没什么用.
谢谢你的帮助.
因此,如果您想要显示"页面正在加载"消息并在iframe完成加载时隐藏它,您可以执行类似于以下示例的操作.请注意,我使用JQuery来简化此过程.但显然它也可以在100%Javascript中完成.
我还在JSFiddle上创建了这个,以显示结果.检查它在这里!
<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>