whisht

    十年

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

近日做项目中用到页面中嵌套iframe,想要实现自适应大小,并且在IE中按F11键全屏时也可以自适应大小。

在网上搜来的代码多数只适应页面中只有单个iframe情况,但笔者页面还有一个logo图片。

经反复实现,如下代码可实现:

 

 

1、页面加载实现:iframe的onload事件,之所以减去84,是logo图片的高度,把这个位置给让出来。

2、全屏实现:window.onresize事件

document.getElementById('frame3d').style.height = document.body.clientHeight - 84+"px"; 

posted on 2011-04-18 15:13  WHISHT  阅读(36113)  评论(1编辑  收藏  举报