zoukankan      html  css  js  c++  java
  • jquery iframe自适应高度[转]

     

    经典代码 iFrame 自适应高度,在IE6/IE7/IE8/Firefox/Opera/Chrome/Safari通过测试。

    很古老的方法:

    复制代码
    <iframe src="../Index.aspx" id="iframe" frameborder="0" scrolling="no" onload="iFrameHeight();" width="100%"></iframe>
    function iFrameHeight() {
        var ifm = document.getElementById("iframe");
        var subWeb = document.frames ? document.frames["iframe"].document : ifm.contentDocument;
        if (ifm != null && subWeb != null) {
             ifm.height = subWeb.body.scrollHeight;
        }
    }
    复制代码

    下面的两种Jquery方法选择一种即可,很简单,不用判断浏览器高度、宽度等。

    jquery代码1:

    //注意:下面的代码是放在iframe引用的子页面中调用
    $(window.parent.document).find("#iframe").load(function(){
    var main = $(window.parent.document).find("#iframe");
    var thisheight = $(document).height()+30;
    main.height(thisheight);
    });

    jquery代码2:

    //注意:下面的代码是放在和iframe同一个页面调用
    $("#iframe").load(function(){
    var mainheight = $(this).contents().find("body").height()+30;
    $(this).height(mainheight);
    });

    还有其他的种种...

  • 相关阅读:
    歌词:青春
    转载:只输了五元钱
    极静之渊

    低学翁
    心灵死化,何时巨变?
    无题

    意念
    爱之切
  • 原文地址:https://www.cnblogs.com/PingleDay/p/3505122.html
Copyright © 2011-2022 走看看