在框架中自动撑大iframe的高度

时间:2021-10-19 12:39:52

这是在做项目中基于要实现网站的LOGO和导航栏在上方,一些其他信息放在页面底端,然后为了避免页面跳转或刷新时重新加载这些容量较大的图片等东东,在页头和页脚中间嵌入了一个iframe,将需要用到的页面放在其中,这样保证了整体网站统一的风格。由于不同的页面高度长短不同,而且即使同一页面也会随着数据内容的多少发生改变,所以就找到了下面这个小脚本实现。

 

< iframe  name ="web"  width ="100%"  frameborder =0  height ="100%"  src ="station_1.asp"  id ="web"  onload ="this.height=web.document.body.scrollHeight+20" ></ iframe >

        这样就不会因为写死了iframe的高度而出现竖向的滚动条。