iframe自动适应高度

主页面:

        <iframe id="z" name="z" src="dj/_tbl.php?b=user_files" scrolling="no" frameborder="0" style="width:100%;"  οnlοad="setIframeHeight()"  ></iframe>

<SCRIPT type="text/javascript">

    function getiframeDocumentPort (iframe) {
        if(iframe.document.compatMode == "BackCompat") {
            return {
                width: iframe.document.body.scrollWidth,
                height: iframe.document.body.scrollHeight
            };
        } else {
            return {
                width: Math.max(iframe.document.documentElement.scrollWidth,iframe.document.documentElement.clientWidth),
                height: Math.max(iframe.document.documentElement.scrollHeight,iframe.document.documentElement.clientHeight)
            }
        }
    }
    // document.domain = "xphxcc.com";
    function setIframeHeight() {
        var iframe = document.getElementById('z');
        if (iframe) {
            iframe.style.height = "10em";
            var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
            iframe.style.height = (getiframeDocumentPort(iframeWin).height)+"px";
        }
    };

    window.οnresize=function(){  
         setIframeHeight();  
    }

</SCRIPT>

如果在iframe页内还有ajax动态更改页面高度的情况时,还需要在相应的js 内引用此function

<span οnclick="changeweb();">点击</span>

<SCRIPT type="text/javascript">
    function changeweb() {
        //...如果在此改变了网页内容
        //刷新高度
        parent.setIframeHeight();
    }
</SCRIPT>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值