iframe跨子域获取页面高度

公司用的是iframe内嵌页面,每个模块根据不同的功能部署在不同的服务器,比如财务系统在a.bbb.com,报表系统在b.bbb.com,外框架在c.bbb.com

外框架获取不到iframe里面子页面的高度就会导致右侧出现两个滚动条,找了很多资料,最后发现解决办法很简单,当然仅限于是跨子域

解决办法:在每个需要获取高度的页面,设置document.domain = 'bbb.com',然后在子页面js根据获取到得数据渲染完页面之后,获取当前页面高度,然后赋值给父页面的iframe。

子页面实现代码

注意:1、父子页面都需要设置document.domain = 'bbb.com'

           2、如果页面是列表或者其他会根据js从接口获取的数据改变高度的页面,需在页面渲染完成后获取子页面高度

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. 什么是跨域? 跨域一词从字面意思看,就是跨域名嘛,但实际上跨域的范围绝对不止那么狭隘。具体概念如下:只要协议...
    w_zhuan阅读 541评论 0 0
  • 1. 什么是跨域? 跨域一词从字面意思看,就是跨域名嘛,但实际上跨域的范围绝对不止那么狭隘。具体概念如下:只要协议...
    他在发呆阅读 830评论 0 0
  • 我跟他认识那是在去年的12月份,那时暗恋无果学习道路茫然.没有任何目标如同行尸走肉.后来,偶然的一次在网上认识...
    蒋Cc_阅读 406评论 3 2