iframe高度自适应

虽然iframe的使用有诸多令人诟病之处,但项目中总会因为某些原因用到它。iframe的高度自适应是使用iframe时普遍要解决的问题。

1. iframe加载的是同域的,且受自己控制的页面(即,可在iframe加载的页面中获取iframe的高度)。这种情况下,在框架页中通过以下代码可方便设置iframe的高度:

if(window.frameElement) {
  var iframeheight = Math.max(document.body.scrollHeight, document.body.clientHeight);
  window.frameElement.height = iframeheight;
}

2. iframe加载的是跨域的页面。这种情况下,需要框架页面与父页面交互,传递框架页面的高度给父页面。

参考:

http://www.zhangxinxu.com/wordpress/?p=1294 [转自鑫空间-鑫生活]

posted on 2013-07-10 19:17  cccccccccccc  阅读(180)  评论(0编辑  收藏  举报

导航