请教大神如何让iframe框架自适应高度?

CSDN已经给出了解决办法,但因为我的情况是有一些基础代码,需要嵌入自适应高度的代码,没有开发能力特来请教大神。我的基础代码是判断来路跳转的代码,需要加入iframe框架的代码,尝试多次均以失败告终,最多只能做到固定高度,无法自适应,这是自适应高度代码解决办法:https://blog.csdn.net/hj7jay/article/details/51675692

这是我的基础代码,可以勉强用,但不能自适:

<?php
    if(isset($_SERVER['HTTP_REFERER'])){
        if(strpos($_SERVER['HTTP_REFERER'],"http://baidu.com/")==0)
        {
            echo "<iframe id='mapbarframe' border='0' vspace='0' hspace='0' marginwidth='0' marginheight='0' framespacing='0' frameborder='0' scrolling='no' width='960' height='5000' src='http://m.taobao.com/'>";
            echo "</iframe>";
        }
        else
        {
            echo "fuck,盗链者你是";
        }
    }
    else
    {
            echo "你是盗链者";
    }
?>
php

1个回答

可以试试这个js
// JavaScript Document
function reinitIframe(){
var iframe = document.getElementById("iframe");
try{
var bHeight = iframe.contentWindow.document.body.scrollHeight;
var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
var height = Math.max(bHeight, dHeight);
iframe.height = height;
}catch (ex){}
}
window.setInterval("reinitIframe()", 200);

<iframe id="iframe" name="main" frameborder=0 scrolling="no" src="{$page}" width="100%" onload="reinitIframe();"></iframe>

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问