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

发布时间:2024-05-14 点击:70
之前在论坛里看到有个同学问关于跨域调整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

让网站进行推广帮你提高企业业绩
css中a标签下面的线怎么加粗
为你的世界杯,节约千千万万秒—— 腾讯云CDN
云的服务器主机租用
服务器挂载云盘哪里找
网易严选酒店开业一周年,场景电商模式的探索之路
五问“虚拟发布会”:看“随幻科技”如何帮企业营销摆脱疫情困扰
最近怎么经常这样啊搞什么