zoukankan      html  css  js  c++  java
  • 框架高度随内容改变

    有两种方法:

    一,就是通过父页面改变

      这里要理解框架的两个属性 contentWindow 和contentDocument 两个属性的意思和window document意思差不多,不同的是contentWindow 所有浏览器都支持,contentDocument   ie6,7不支持,chrome 也不支持

    <iframe οnlοad="change_height()"></iframe>

    function change_height(){

      var iframe=document.getElementById("iframe_id");//取得框架元素

      var i_height=iframe.contentWindow.document.body.scrollHeight||iframe.contentWindow.document.documentElement.scrollHeight;//取得框架内容的高度

      iframe.height=i_height;//改变

    }

    二,就是通过内容改变

    在内容页进行

    window.οnlοad=function(){

      var iframe=parent.document.getElementById("iframe_id");//取得框架元素

      iframe.height=document.body.scrollHeight||document.documentElement.scrollHeight;//取得框架内容的高度并改变

    }


  • 相关阅读:
    数据库迁移到Amazon RDS 的问题
    排序算法之希尔排序
    第一个 Shell脚本
    排序算法之直接插入排序
    当前工作参考
    cerr
    阿里云典型应用案例
    云服务引擎ACE
    阿里云SLB
    指针使用注意事项
  • 原文地址:https://www.cnblogs.com/hgmyz/p/12352454.html
Copyright © 2011-2022 走看看