您的位置:首页 > 其它

利用iframe解决跨域信息传递问题

2013-12-27 17:15 323 查看
应用场景:在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指向的话会有未知的错误
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  web iframe 跨域