focus 专栏

--专注于.NET Web开发技术
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

网页根据自身高度动态调整所在iframe的高度

Posted on 2006-12-06 03:12  focus  阅读(550)  评论(0编辑  收藏  举报
被嵌网页test.aspx中的js:
<!--动态调整所在iframe的大小-->
<script type="text/javascript" language="javascript">
function resizeIframe()
{
    
var targWin=self.parent.document.getElementById("myframe");
    
if(targWin!=null)
     {
             
var heightValue=self.document.body.scrollHeight;
             targWin.height
=heightValue + 20; //多加20以显示最后一行
      }
}
window.onload
=resizeIframe;
</script>
主页面iframe:
<iframe id="myframe" style="overflow:visible; width:100%; display:block" scrolling="no" frameborder="0" src="test.aspx"></iframe>