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>

  • 相关阅读:
    通过XmlHttpRequest实现带进度条异步下载文件
    关于SharpZipLib压缩分散的文件及整理文件夹的方法
    最大尺寸限制的容器,根据内容显示滑条的计算问题
    页面localStorage用作数据缓存的简易封装
    基于jquery封装的颜色下拉选择框
    模仿win10样式,基于jquery的时间控件
    js对象的继承以及公有私有属性的定义和读写
    The remote name could not be resolved问题的解决方法
    vs快捷方式
    C++STL中的全排列函数
  • 原文地址:https://www.cnblogs.com/javawebsoa/p/3045701.html
Copyright © 2011-2022 走看看