zoukankan      html  css  js  c++  java
  • jquery获得iframe内容的高度

    html:

    <iframe name="rightgp" id="right_frame_h" src="/Poster/rightgp" width="600px" height="500" scrolling="no"></iframe>
     
    JS:
    //初始框架高度
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    $("#right_frame_h").load(function(){
        var mainheight = $(this).contents().find("#right_").height()+30;
        $(this).height(mainheight);
    });
     
    #right_frame_h为iframe的ID
    #right_为iframe引入的页面里ID为#right_的容器。按说可以用body,但是我测试的用body获得的高度与实际高度不等,所以把整体内容添加到一个ID为#right_的div里。

    =================2013-05-28===================
    如果引入文件里的内容高度变化后iframe的高度不会改变,所以需要在iframe引入的文件里加入下面的代码

    //注意:下面的代码是放在/Poster/rightgp调用
    $(window.parent.document).find("#right_frame_h").load(function(){
    var main = $(window.parent.document).find("#right_frame_h");
    var mainheight = $(document).height()+30;
    main.height(mainheight );
    });
  • 相关阅读:
    MySQL大数据分页调优实践
    CentOS 搭建L2TP
    CentOS 搭建SS5
    CentOS 搭建PPTP
    CentOS 防火墙 firewalld
    CentOS 初始化账号
    nginx升级与回退
    Python
    python
    linux
  • 原文地址:https://www.cnblogs.com/superfeeling/p/4508395.html
Copyright © 2011-2022 走看看