跨域从子页面设置父页面iframe高度

之前在论坛里看到有个同学问关于跨域调整iframe高度的问题,正好之前解决过类似问题,鉴于此问题还是有一定的通用性,索性总结一下,记录于此。

具体思路如下:

 

父页面域名为 : www.a.com

IFRAME里子页面域名为 : www.b.com

1.在父级页面所在域名(www.a.com)下设置一个文件,(用来设置IFRAME的高度)比如:http://www.a.com/setHeight.html

2.在子级页面加载完毕后,计算当前页面高度付给一个变量cheight,然后动态创建一个iframe,src是http://www.a.com/setHeight.html#cheight;

3.通过在setHeight.html页面中parent.parent.document.getElementById(\\\’iframeid\\\’)来调整iframe的高度

4.解释一下,在子页面里动态创建的iframe跟当前子页面的父级页面是同一个域名,这样就不存在跨域问题了。

举例:
假设父页面的域名是www.a.com,页面名字是A.html;子页面的域名是www.b.com,页面名字是B.html

父页面A.html的内容如下:

[html]view plaincopy

 更多关于云服务器域名注册虚拟主机的问题,请访问西部数码官网:www.west.cn

赞(0)
声明:本网站发布的内容(图片、视频和文字)以原创、转载和分享网络内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-62778877-8306;邮箱:fanjiao@west.cn。本站原创内容未经允许不得转载,或转载时需注明出处:西部数码知识库 » 跨域从子页面设置父页面iframe高度

登录

找回密码

注册