公司用的是iframe内嵌页面,每个模块根据不同的功能部署在不同的服务器,比如财务系统在a.bbb.com,报表系统在b.bbb.com,外框架在c.bbb.com
外框架获取不到iframe里面子页面的高度就会导致右侧出现两个滚动条,找了很多资料,最后发现解决办法很简单,当然仅限于是跨子域
解决办法:在每个需要获取高度的页面,设置document.domain = 'bbb.com',然后在子页面js根据获取到得数据渲染完页面之后,获取当前页面高度,然后赋值给父页面的iframe。
注意:1、父子页面都需要设置document.domain = 'bbb.com'
2、如果页面是列表或者其他会根据js从接口获取的数据改变高度的页面,需在页面渲染完成后获取子页面高度