• 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);
    });

    还有其他的种种...

  • 相关阅读:
    Python学习手册-24~27章
    80211MAC基础
    数据库简单操作
    Linux流量管理
    Docker 初识
    TLA+(待续...)
    计数器统计
    《数据挖掘导论》目录
    信用卡欺诈案例——机器学习实战
    从重采样到数据合成:如何处理机器学习中的不平衡分类问题?
  • 原文地址:https://www.cnblogs.com/qiufuwu618/p/2682202.html
Copyright © 2020-2023  润新知