Iframe在火狐和IE自动适应高度

来源:互联网 发布:羽毛球包双肩背包淘宝 编辑:程序博客网 时间:2024/05/20 05:54

        火狐和IE很多不兼容的地方让程序员真的是很头疼。但是有没办法必须要去解决。老板咋说,你就咋做就可以了,其他丫丫的都闭嘴。

 

       下面这段JS通过测试,可以实现火狐和IE自动适应高度。但是有规定的,最起码你嵌套进来的页面的话 高度必须大于300px 否则会无效。  大家试试吧。

 

         <script language="javascript">
            function adjustFrameSize() {
                var frm = document.getElementById("iframe1"); //将iframe1替换为你的ID名
                var subWeb = document.frames ? document.frames["iframe1"].document :

frm.contentDocument;
                if (frm != null && subWeb != null) {
                    frm.style.height = "0px"; //初始化一下,否则会保留大页面高度
                    frm.style.height = subWeb.documentElement.scrollHeight + "px";
                    frm.style.width = subWeb.documentElement.scrollWidth + "px";
                    subWeb.body.style.overflowX = "auto";
                    subWeb.body.style.overflowY = "auto";

                }
            }
        </script>

 

     <iframe id="iframe1" onload="adjustFrameSize()" frameborder="no" border="0"

marginwidth="0"
            marginheight="0" scrolling="no" allowtransparency="yes" src="你的连接地址"
            width="743px" scrolling="no" style="float: left;" height="300px"></iframe>

原创粉丝点击