A页面<iframe 调用远程页面B,如何实现B完全加载完远程页面后A再刷新?
我原代码这样的,
<script type="text/javascript">
document.write('<div id="gd_cn"><span>正在加载内容,请稍候……</span><img src="../images/ajax-loader.gif" border="0">稍等,马上呈现!</div>');
window.onload = function(){
document.getElementById('gd_cn').style.display="none";
document.getElementById('gd').style.display="block";
}
</script>
<body>
<div id="gd.cn"><iframe frameborder="0" name="Iframe1" src="http://www.baidu.com" width="100%" height="400">
</iframe></div>
</body>
可以设备一个Timer,定时检查iframe中页面的document.readyState = complete
A 中的 iframe B 是异步的,当然开始加载时间会晚于 A 的
关键的问题在于:如果 B 加载完成后,A 要刷新的话,那么 B 不就又要重新加载了吗?
测试了一下,有更简单的方式:
<iframe id="iframe1" frameborder="1" width="760" height="500" src="http://www.baidu.com" onload="alert('加载完成')"></iframe>
通过B页面的JS,调用A的JS,A的JS写上重载页面的代码即可。