zoukankan      html  css  js  c++  java
  • javascript实现iframe 高度自适应(经典)

    <script type="text/javascript">
        //** iframe自动适应页面 **//


        //输入你希望根据页面高度自动调整高度的iframe的名称的列表
        //用逗号把每个iframe的ID分隔. 例如: ["myframe1", "myframe2"],可以只有一个窗体,则不用逗号。


        //定义iframe的ID
        var iframeids = ["top1"]


        //如果用户的浏览器不支持iframe是否将iframe隐藏 yes 表示隐藏,no表示不隐藏
        var iframehide = "yes"


        function dyniframesize() {
            var dyniframe = new Array()
            for (i = 0; i < iframeids.length; i++) {
                if (document.getElementById) {
                    //自动调整iframe高度
                    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) //如果用户的浏览器是NetScape
                            dyniframe[i].height = dyniframe[i].contentDocument.body.offsetHeight;
                        else if (dyniframe[i].Document && dyniframe[i].Document.body.scrollHeight) //如果用户的浏览器是IE
                            dyniframe[i].height = dyniframe[i].Document.body.scrollHeight;
                    }
                }
                //根据设定的参数来处理不支持iframe的浏览器的显示问题
                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>

  • 相关阅读:
    Exchange调整入站SMTP连接超时时间
    使用WSS和SOFS管理集群存储--Storage
    String构造方法和字符集编码转换
    系统类和数学操作类
    JavaSE——数据类型流、内存流、打印流
    JavaSE——装饰设计模式+简单加密解密工程
    JavaSE——装饰设计模式
    JavaSE——装饰流
    JavaSE —— IO
    JavaSE —— IO简介
  • 原文地址:https://www.cnblogs.com/javawebsoa/p/3045701.html
Copyright © 2011-2022 走看看