• iframe自适应高度


    最近在做项目中,遇到一个问题,就是iframe高度的自适应问题,以下是解决办法:

    var iframeids = ['memberIndexIframe','inquiryCenterIframe','everychinaBbsIframe'];
    var iframehide = "yes";
    function dynIframeSize(){
        var dyniframe = [];
        for(var i=0;i<iframeids.length;i++){
            if(!document.getElementById) return false;
            dyniframe[i] = document.getElementById(iframeids[i]);
            if(dyniframe[i] && !window.opera){
                dyniframe[i].style.display = "block";
                if(dyniframe[i].contentDocument && dyniframe[i].contentDocument.body.offsetHeight){
                    dyniframe[i].height = dyniframe[i].contentDocument.body.offsetHeight;
                }else if(dyniframe[i].Document && dyniframe[i].Document.body.scrollHeight){
                    dyniframe[i].height = dyniframe[i].Document.body.scrollHeight;
                }
            }
            if((document.all || document.getElement) && iframeids == "no") {
                var tempobj = document.all?document.all[iframeids[i]] : document.getElementById(iframeids[i]);
                tempobj.style.display = "block";
            }
        }
    }
    if (window.addEventListener) 
        window.addEventListener("load", dynIframeSize, false) 
    else if (window.attachEvent) 
        window.attachEvent("onload", dynIframeSize) 
    else {
        window.onload = dynIframeSize;
    }

    对于上面的代码直接保存一个文件iframe.js,然后引用即可

    注意:这段代码对于跨域的iframe引用不太适用,需要特别定义其iframe高度

    下面这个代码是跨域的iframe高度

    http://zoujialiang.iteye.com/blog/682216

    你对人生迷茫吗? 那就背起行囊,起步远行吧
  • 相关阅读:
    mybatis
    队列
    JDK中的Timer和TimerTask详解
    NIOGoodDemo
    24-C#笔记-异常处理
    23-C#笔记-正则表达式
    22-C#笔记-预编译指令
    21-C#笔记-名称空间
    20-C#笔记-接口
    19-C#笔记-多态性
  • 原文地址:https://www.cnblogs.com/daxian2012/p/2638125.html
Copyright © 2020-2023  润新知