zoukankan      html  css  js  c++  java
  • JavaScript] 让iframe框架网页在任何浏览器下自动伸缩

    很多朋友都在使用iframe中遇到过不能自动随页面伸缩,特别是动态读取页面的时候,会出现滚动条,影响美观,今天研究一下了,发现了一个简单解决的办法,可以在IE,FIREFOX,OPERA下使用,方法如下,将2段代码照提示保存。
    请保存为mainframe.htm
    程序代码 程序代码

    <html>
    <body>
    <div>
    <iframe marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0"
    id="frametb" scrolling="no" src="frame.htm"
    onload="style.width=this.contentWindow.document.all.formfra.offsetWidth;"
    +"style.height=this.contentWindow.document.all.formfra.offsetHeight"></iframe>
    </div>
    </body>
    </html>


    请保存为frame.htm
    程序代码 程序代码

    <html>
    <body leftmargin="0" topmargin="0">
    <table id=formfra width=200 border=0 bgcolor=green>
    <tr><td>
    胡东平在线空间
    <p/>
    sfsfere
    </td></tr>
    </table>
    </body>
    </html>

    执行mainframe.htm就可以看到效果了。
    套用修改的时候要注意mainframe.htm和frame.htm里面定义表格的ID,然后记得在frame语句中修改相对应的调用文件名称和路径,并且注意下面这句:
    程序代码 程序代码

    onload="style.width=this.contentWindow.document.all.formfra.offsetWidth;"
    +"style.height=this.contentWindow.document.all.formfra.offsetHeight"


    做相应修改
    程序代码 程序代码

    this.contentWindow.document.all.调用页面表格ID.offsetWidth
    this.contentWindow.document.all.调用页面表格ID.offsetHeight


    记住,一定要定义表格ID。

    iframe自适应高度

    <iframe name="ifrName" src="targetName.htm" frameborder=false scrolling="auto" width="100%" height="100%" frameborder=no onload="document.all['ifrName'].style.height=ifrName.document.body.scrollHeight" ></iframe>
  • 相关阅读:
    awk实例
    imagemagick imagick
    sort 命令
    cut 命令
    tr命令
    uniq
    多线程编程之Linux环境下的多线程(一)
    多线程编程之Windows同步方式
    多线程编程之数据访问互斥
    多线程编程之基础概念
  • 原文地址:https://www.cnblogs.com/QDuck/p/421118.html
Copyright © 2011-2022 走看看