网页设计中iframe 根据内容自适应高度-终极解决方案

在主页面 iframe onLoad 时间里面写

    function iframeLoad()  
    {  
        document.getElementById("iframe").height=0;  
        document.getElementById("iframe").height=document.getElementById("iframe").contentWindow.document.body.scrollHeight;  
    }

下面是示例代码

<iframe width='100%' id="myiframe"frameborder="0" scrolling="no" onload="changeFrameHeight()" frameborder="0" src="/style/banner/index.html"></iframe>
<script>
function changeFrameHeight(){
    document.getElementById("myiframe").height=0; 
    document.getElementById("myiframe").height=document.getElementById("myiframe").contentWindow.document.body.scrollHeight; 
}
window.onresize=function(){ 
     changeFrameHeight(); 
}
</script>

本文永久链接:https://www.bmcn.net/a/n4kwjb.html [复制] (转载时请注明本文出处及链接)

赞 (1) 打赏 收藏

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

×

账号密码登录