zoukankan      html  css  js  c++  java
  • 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

    你对人生迷茫吗? 那就背起行囊,起步远行吧
  • 相关阅读:
    vue.js 源代码学习笔记 ----- html-parse.js
    vue.js 源代码学习笔记 ----- text-parse.js
    vue.js 源代码学习笔记 ----- keep-alives
    一些图片剪切组件.
    好听的粤语歌..
    jQuery框架Ajax常用选项
    form自动提交
    .NET EF 框架-实现增删改查
    简单抓取小程序大全,并展示
    C#关于调用微信接口的代码
  • 原文地址:https://www.cnblogs.com/daxian2012/p/2638125.html
Copyright © 2011-2022 走看看