IFrame自动适应宽高，去掉空白

最新推荐文章于 2022-04-06 15:09:21 发布

weixin_30384217

最新推荐文章于 2022-04-06 15:09:21 发布

阅读量136

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/hanguoji/archive/2007/11/05/949952.html

版权

主页调用iFrame如下：

< iframe src ="Index.aspx" align =middle id ="mainFrame" onload ='this.height=document.frames["mainFrame"].document.body.scrollHeight' hspace ="0" vspace ="0"
WIDTH ='100%' marginwidth =0 MARGINHEIGHT =0 FRAMEBORDER ='0' SCROLLING ='no' ></ iframe >

iFrame页（子页）调用JS函数，可调整主页调用的iFrame的高度

< SCRIPT LANGUAGE ="JavaScript" >
             function frameStyleResize()
            {
                 var HeightValue = document.body.scrollHeight;
                 if (HeightValue < 700 )
                {
                    HeightValue = 700 ;
                }
                parent.document.getElementById( " mainFrame " ).style.height = HeightValue;
            }
         </ SCRIPT >

< body onload ="frameStyleResize();" >

转载于:https://www.cnblogs.com/hanguoji/archive/2007/11/05/949952.html