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从接口获取的数据改变高度的页面,需在页面渲染完成后获取子页面高度

你可能感兴趣的:(iframe跨子域获取页面高度)