zoukankan      html  css  js  c++  java
  • Iframe自动适应高度

    如果您在制作网页中经常用到Iframe,你一定会发现,它有一个令人头疼的问题,就是高度不能自动随着网页的变化而变化,也就是不能自动适应网页的高度,这个时候在原本非常漂亮的内嵌页面经常会出现Scrollbar,这个问题一直困扰了我很长时间,最后还是通过我酷爱的JavaScript解决了此问题:

    代码如下:

    function sizeChange() 

    window.status=iframe.document.body.scrollHeight;  
    document.all.iframe.height=iframe.document.body.scrollHeight; 


    <IFRAME id="iframe" onload="JavaScript:sizeChange()"  src='embed.htm' frameBorder=0 width="100%" scrolling=no> </IFRAME> 

       就这么简单,搞定!

    2007/09/10 针对经常有网友提出以上代码不好用,现做出如下改进。
    --------------------------------------------------------------------------------------------------------
    <script>
    function sizeChange() 

    //window.status=iframe.document.body.scrollHeight; //此句代码可有可无,仅仅在下方状态栏显示高度的数值,对效果不起作用。 
    document.all.iframe.height=iframe.document.body.scrollHeight; 

    </script>

    <IFRAME id="iframe" onload="sizeChange()"  src='embed.htm' frameBorder=0 width="100%" scrolling=auto> </IFRAME>
  • 相关阅读:
    iOS 证书、真机调试、发布 App Store
    iOS 9 适配
    交叉编译tslib1.4
    nau8822 codec driver 录音时mic bias 无法自动打开问题
    nuc900 nand flash mtd 驱动
    在ubuntu14.04上安装oracle java6 java7的方法
    N3292x IBR介绍
    N3292系列资料之RTC介绍
    支持mdev的init脚本片断
    Nginx
  • 原文地址:https://www.cnblogs.com/publicbill/p/296351.html
Copyright © 2011-2022 走看看