iframe 调用远程问题如何实现B完全加载完远程页面后A再刷新

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写上重载页面的代码即可。