利用iframe解决跨域信息传递问题
2013-12-27 17:15
323 查看
应用场景:在A网站中嵌入B网站的页面(实现方式是把B放到A的iframe中),但是需要实时获得B网站的页面高度,来实现
A网站的高度自适应。
这个场景的主要问题就是信息的跨域传递问题,解决方案:
在B网站的页面内放入一个隐藏的iframe地址指向A网站下的一个页面,这个页面要能处理A主页面的高度,
B中放入的内容:
在B中如果想实时的传递需要不断的重复删掉iframe再加入iframe,如果只是变更src指向的话会有未知的错误
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指向的话会有未知的错误
相关文章推荐
- 利用代理页面解决html iframe跨域访问网站问题
- 使用p3p解决iframe中跨域传递cookie的问题
- 通过P3P协议,实现跨域set cookie,解决同域IFRAME中SESSION传递失效问题
- 利用代理页面解决html iframe跨域访问网站问题
- 利用jsonp、iframe和location.hash解决跨域问题
- 利用iframe解决一个跨域问题
- 利用脚本文件引用解决跨域数据传递问题
- 利用 iframe解决ajax的跨域问题
- 利用代理页面解决html iframe跨域访问网站问题
- IE下iframe第三方网页跨域不能写cookie问题的解决方法
- iframe 跨域访问session/cookie丢失问题解决方法
- 利用NSInvocation给NSObject添加一个分类方法,解决传递多参数问题
- jQuery中利用JSONP解决AJAX跨域问题
- 利用glibc中锁结构的信息解决死锁问题
- 解决ajax不能访问本地文件问题(利用js跨域原理)
- 使用p3p解决iframe中跨域传递cookie
- 利用nodejs搭建本地服务器 解决跨域问题
- 利用浏览器 UA 信息解决多平台手机应用下载问题
- 利用DhtmlXtree实现展现,修改,添加,删除,移动功能一棵树上实现,iframe的单个滑动条显示,包含在iframe中树节点中文内容过长问题解决
- PHP关于IE下的iframe跨域导致session丢失问题解决方法