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

    还有其他的种种...

  • 相关阅读:
    linux安装lamp/lamp/lanmp
    git命令
    redis常问面试题
    liunx 项目发布(django + uwsgi + nginx+supervisor发布web服务器)
    安装nginx
    liunx安装mysql(mariadb)
    linux安装python3
    scrapy框架day01
    网络编程, socket用法
    面向对象进阶
  • 原文地址:https://www.cnblogs.com/qiufuwu618/p/2682202.html
Copyright © 2011-2022 走看看