zoukankan      html  css  js  c++  java
  • 解决iframe高度问题

    1

      function calcPageHeight(doc) {
        var cHeight = Math.max(doc.body.clientHeight, doc.documentElement.clientHeight)
        var sHeight = Math.max(doc.body.scrollHeight, doc.documentElement.scrollHeight)
        var height  = Math.max(cHeight, sHeight)
        var height1 = height+430
        return height1
    }
    //根据ID获取iframe对象
    var ifr = document.getElementById('mainFrame')
    ifr.onload = function() {
        //解决打开高度太高的页面后再打开高度较小页面滚动条不收缩,第一步置为绝对不能少,否则后面会一直保持一个高度
        ifr.style.height='0px';
        var iDoc = ifr.contentDocument || ifr.document
        var height = calcPageHeight(iDoc)
        ifr.style.height = height + 'px'
    } 

    2

    //函数形式
    function
    iframeH(){ //设置iframe高度 parent.document.getElementById("mainFrame").height=0+"px"; parent.document.getElementById("mainFrame").style.height = ""; var h = $(document.body).height() + 120; parent.document.getElementById("mainFrame").height = h; }

    //选择元素形式

    $(window.parent.document).find("#mainFrame").load(function () {
          if($(document).height()!=null&&$(document).height()!='0'){
              parent.document.getElementById("mainFrame").height=0+"px";
             parent.document.getElementById("mainFrame").style.height = "";
          parent.document.getElementById("mainFrame").height = $(document).height();
    }
    });

     
  • 相关阅读:
    JAVA正则表达式matcher.find()和 matcher.matches()的区别
    Mysql面试题
    Mysql常见的错误码
    关于Spring的69个问题
    Exception总结
    JDK5-8特性归纳
    TCP和UDP的区别
    log4j介绍和使用
    tomcat项目中配置数据库连接池
    Mybatis简介、环境搭建和详解
  • 原文地址:https://www.cnblogs.com/zhoujingguoguo/p/9643034.html
Copyright © 2011-2022 走看看