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加载的是跨域的页面。这种情况下,需要框架页面与父页面交互,传递框架页面的高度给父页面。
参考:
posted on 2013-07-10 19:17 cccccccccccc 阅读(180) 评论(0) 编辑 收藏 举报