zoukankan      html  css  js  c++  java
  • iframe 根据加载内容调整高度

    iframe标签代码

    <iframe id="checkListFrame" name="checkListFrame"    src="Index.html"  frameBorder="0"  style=" border: #ff7c12 0px solid; 970px;" scrolling="no"></iframe>

      JS代码 

        <script type="text/javascript">
            var iframeids = ["checkListFrame"]
            var iframehide = "yes"
            function dyniframesize() {
                var dyniframe = new Array()
                for (i = 0; i < iframeids.length; i++) {
                    if (document.getElementById) {
                        dyniframe[dyniframe.length] = 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.getElementById) && iframehide == "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


        </script>



  • 相关阅读:
    Linux下Maven的安装与使用
    Vue1.0用法详解
    一个异步访问redis的内存问题
    jquery和zepto的异同
    我的学习归纳方法(以学习Maven为例)
    最显而易见的设计最容易成功
    Linux Command Backup
    Turn and Stun server · J
    Android apk签名详解——AS签名、获取签名信息、系统签名、命令行签名
    Leetcode 981. Time Based Key-Value Store(二分查找)
  • 原文地址:https://www.cnblogs.com/275147378abc/p/5618452.html
Copyright © 2011-2022 走看看