应用场景:在A网站中嵌入B网站的页面(实现方式是把B放到A的iframe中),但是需要实时获得B网站的页面高度,来实现

A网站的高度自适应。

这个场景的主要问题就是信息的跨域传递问题,解决方案:

在B网站的页面内放入一个隐藏的iframe地址指向A网站下的一个页面,这个页面要能处理A主页面的高度,

B中放入的内容:

<iframe id="iframe_hidden" width="0" height="0" style="display: none;"> </iframe>  
 <script type="text/javascript">
 document.body.onload = function() {
     urlC = "http://A/xxxx.jsp";                         
     document.getElementById("iframe_hidden").src=urlC+"?"+document.body.scrollHeight;
 }
</script>

A的这个页面中要可以接受这个参数,并用js代码去控制主页面的高度。

在B中如果想实时的传递需要不断的重复删掉iframe再加入iframe,如果只是变更src指向的话会有未知的错误