iframe高度自适应

一般做pc网页的时候都是横向的iframe多，其实项目中纵向的也是很多的。

但是需要js控制iframe的子页面的高度之后把这个height赋值给iframe

具体获取子页面高度有兼容上的处理

具体的代码如下

 

 

一开始的时候是赋值是子页面height高度小的跳转到页面height大的ok；但是从子页面height大的跳转到小的就不行了；解决的方法是在用onbeforeunload这个事件中把高度变成auto就好了。

总体代码的思路就是

1.onload事件获取iframe子页面高度；

2.在onload事件里面在加一个onbeforeunload事件把iframe的高度变成auto（中间iframe的要用visibility占位）

3.把获取到的子页面高度赋值给ifreme之后把visibility变成visible就好了