动态的改变iframe高度

最新推荐文章于 2024-08-20 23:46:15 发布

SinFeeLoo_星凤楼

最新推荐文章于 2024-08-20 23:46:15 发布

阅读量765

点赞数

本文链接：https://blog.csdn.net/lintianlin/article/details/40395465

版权

1.子页面获得父页面iframe的高度

function IFrameResize(){

var ifm=document.getElementById("result").offsetHeight;//获得div高度
   var obj = parent.document.getElementById("iframe1"); //取得父页面IFrame对象
   if(ifm<=997||obj.height>ifm.height){
       obj.height =1172; //调整父页面中IFrame的高度为此页面的高度 ,1172为固定要求值
   }

   }

</script>

2.子页面加载页面时调用该方法

方法一。<script type="text/javascript">
               $().ready(function(){
   IFrameResize()
                  });

                 </script>

方法二。<body style="overflow: hidden;height: 1000px" οnlοad="IFrameResize()">

</body>

3.父页面设置iframe的id

<div>
       <iframe id="iframe1" style="width:100%" name="iframename" scroll="no" src="xxxxxxxxxx" οnlοad="iFrameHeight()" frameborder="no" border="0" marginwidth="0" marginheight="0"></iframe>
    </div>